ZuoTi.Pro
Question

Create a web page for your own jukebox Have a selection of songs (via drop down...

Create a web page for your own jukebox

Have a selection of songs (via drop down or radio buttons) that can be played (you can use .wav, .mid, or .mp3 [maybe] file format)

engineering   Computer-Science   
0 0
Add a comment Improve this question Transcribed image text
Next > < Previous
Sort answers by oldest

Homework Answers

Answer #1

<!DOCTYPE html>
<html>

<script>
console.log("code1");
function whichischecked() {
console.log("code2");
for(var i=1; i<=3; i++)
   {
console.log("code3");
   var docidtocheck = "s"+i;
var docidtoplay="a"+i;
   if (document.getElementById(docidtocheck).checked==true)
       {
   console.log(docidtocheck);
   document.getElementById(docidtoplay).play();
   }
   }
}
</script>

<body>
<div style="width:100%;height:35%;;background:black;color:white;text-align:center;font-family:verdana;font-size:100px;">
JukeBox
</div>

<audio id="a1">
<source src="horse.mp3" type="audio/mpeg">
</audio>
<audio id="a2">
<source src="horse.mp3" type="audio/mpeg">
</audio>
<audio id="a3">
<source src="horse.mp3" type="audio/mpeg">
</audio>

<div style="width:100%;height:65%;background:blue;color:white;font-family:Comic Sans MS;">
<form><br>
What song do you want to play?<br>
<input type="radio" name="colors" id="s1">Song 1<br>
<input type="radio" name="colors" id="s2">Song 2<br>
<input type="radio" name="colors" id="s3">Song 3<br>
</form>
<br><br><br><br><br><br><br><br><br>
<button style="width:175px;margin:auto;display:block;color:white;background:black !important;font-family:Arial Black;" onclick="whichischecked()">Play song</button>

</div>

</body>
</html>

0 0
Add a comment
Know the answer?
Add Answer to:
Create a web page for your own jukebox Have a selection of songs (via drop down...
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

Log In

Sign Up

Not the answer you're looking for? Ask your own homework help question. Our experts will answer your question WITHIN MINUTES for Free.
Similar Homework Help Questions

  • In this assignment you will combine HTML, PHP, and SQL in order to create a web...

    In this assignment you will combine HTML, PHP, and SQL in order to create a web form that allows a manager to add films to the sakila database. You will also create a method to allow the manager to view a list of all films along with their related information, and a list of actors in the movies. Task 1 Create an initial HTML page titled manager.html with 2 buttons. The first button will be labeled “View Films”, and the...

  • / Finish the code to make it work import static javafx.application.Application.launch; import java.io.File; import javafx.application.Application; import...

    / Finish the code to make it work import static javafx.application.Application.launch; import java.io.File; import javafx.application.Application; import javafx.event.ActionEvent; import javafx.geometry.Insets; import javafx.geometry.Pos; import javafx.scene.Scene; import javafx.scene.control.Button; import javafx.scene.control.ChoiceBox; import javafx.scene.control.Label; import javafx.scene.layout.HBox; import javafx.scene.layout.VBox; import javafx.scene.media.AudioClip; import javafx.stage.Stage; public class JukeBox extends Application { private ChoiceBox<String> choice; private AudioClip[] tunes; private AudioClip current; private Button playButton, stopButton;    //----------------------- // presents an interface that allows the user to select and play // a tune from a drop down box //-----------------------   ...

  • JUDY'S HTML TUTORIAL MENU CREATING YOUR FIRST WEB PAGE The best way to make a web...

    JUDY'S HTML TUTORIAL MENU CREATING YOUR FIRST WEB PAGE The best way to make a web page is to just dive right in. Open Notepad. To open notepad in Windows, click the windows icon in the lower left corner of the screen and then type "notepad." Notepad is a text editor. Other text editors you may consider are TextPad, Sublime Text, or NotePad++. Do not use Word or WordPad; they are word processors. If you are using an Apple computer...

  • HTML Web Page project: Need help to create a web page exactly as the example below...

    HTML Web Page project: Need help to create a web page exactly as the example below using HTML. I need the source code. Page 1 of CA272 Midterm Welcome to your name's CA272 Midterm Text In this class, I learned how to... 1. create an X)HTML web page, where I can 2. change the size of my font, 3. change the color of my fonts, 4. change my font style, 5. and change the background color of my web page....

  • Create web pages for your database using PHP. You should have one page that will return...

    Create web pages for your database using PHP. You should have one page that will return all the information from the database. You should create additional pages that will allow you to do various queries of your database. You should be able to retrieve and insert data; also include functionality to delete data from your database. Create an html form that will allow you to enter in new information for the database. The information should be handled by a PHP...

  • Implement the File Input/Output example presented in page 7. You need to create your own test.txt...

    Implement the File Input/Output example presented in page 7. You need to create your own test.txt file using any text editor. The input file should have some integer values (e.g., 10 values) separated by whitespaces. Normally this input file should be placed in the same directory as the program code resides. But depending on the IDE you use, it may be a different directory in the project. Figure out which directory your IDE reads an input file from and writes...

  • Fake News This exercise is about modifying the content of a page in your web browser using Javascript. As we have said, Javascript has access to the current page via the Document Object Model or DOM....

    Fake News This exercise is about modifying the content of a page in your web browser using Javascript. As we have said, Javascript has access to the current page via the Document Object Model or DOM. In your browser, the variable document represents the current document and your code can use it to read and write to the current page. In this exercise we will use the developer tools Javascript console to write Javascript to access parts of the main...

  • Create a web page that describes how to compute the annual cost of a project that...

    Create a web page that describes how to compute the annual cost of a project that costs p and is funded by a loan at an interest i over y number of years. Add input widgets for all the input variables and a button. Write a JavaScript function to display the input values when the button is clicked. Use the jQuery utility navbar to link the interface page with an information page that includes your name, this course name (CIT4311:...

  • dont know how to do Create a web page using a text editor. Name the file...

    dont know how to do Create a web page using a text editor. Name the file with your name and the number of the assignment. Submit the assignment via D2L by 5:00 on the due date. Put your name on the last line in camelCase. Write a JavaScript function that gets a number from two to twenty-five from the user. Reject numbers that aren't in that range. Then find the double, square and total of all three numbers. Display all...

  • Place an e-iall k t0 yuIJU 6. Create a web page about your favorite sports team...

    Place an e-iall k t0 yuIJU 6. Create a web page about your favorite sports team with a two-column table that list the positions and starting players. Use embedded CSS to style the table border, back ground color, and center the table on the web page. Place an e-mail link to yourself n the web page. Save the file as sport8.html. 7. Create a web page about your favorite movie that uses a two-column table contain- ing details about the...

ADVERTISEMENT
Free Homework Help App
Download From Google Play
Scan Your Homework
to Get Instant Free Answers
Need Online Homework Help?
Ask a Question
Get Answers For Free
Most questions answered within 3 hours.
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT