HomeworkLib
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

  • For this exercise, create an ASP.NET web page that uses a Label Web control to display...

    For this exercise, create an ASP.NET web page that uses a Label Web control to display the IP address of the visitor visiting the web page. (An IP address is a series of numbers that identifies a computer on the Internet. If you are serving the ASP.NET pages from your own computer, your IP address will be 127.0.0.1.) The visiting user's IP address can be obtained via Request.UserHostAddress. Therefore, to complete this exercise, you will need to create a Label...

  • 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...

  • 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...

  • / 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 //-----------------------   ...

  • Create a Web page to be used for storing software development bug reports in a MySQL...

    Create a Web page to be used for storing software development bug reports in a MySQL database. Include fields such as product name and version, type of hardware, operating system, frequency of occurrence, and proposed solutions. On the main page you display all the reported bugs (hint: use a table). Include a link at the bottom of the page which takes you to another page where you can create a new bug report. Furthermore, add a link after every filed...

  • 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...

  • JAVASCRIPT Create a simple web page that contains a JavaScript form that will allow the user...

    JAVASCRIPT Create a simple web page that contains a JavaScript form that will allow the user to answer 7 trivia questions. Your trivia game should contain: 2 text boxes 2 select dropdowns 2 multiple choice questions (using radio buttons, 4 options min) 1 choose-all-that-apply (checkboxes, 4 options min, one answer should be "None of the above"). No part-points for semi-correct answers. The questions can cover any topic you wish - but please keep it professional and easy enough that the...

  • Create a web page about a cooking spice of your choice. Include a recipe that uses...

    Create a web page about a cooking spice of your choice. Include a recipe that uses your selected spice. The following requirements must be met: Besides the standard HTML tags, you must use all of the following at least once: 1. title 2. heading (centered via use of text-align style attribute) 3. sub headings (not centered) 4. paragraphs 5. line breaks 6. bold text 7. italic text 8. combined bold and italic text 9. quotation marks 10. non breaking spaces...

  • Create a web page that will help students practice math - Addition, Subtraction, Multiplication and Division....

    Create a web page that will help students practice math - Addition, Subtraction, Multiplication and Division. The page should generate and display a math problem using 2 random numbers from 1 to 12. Addition: [1 - 12] + [1 - 12] = [2 - 24]<-Calculated Subtraction: [2 - 24]<-Calculated - [1 - 12] = [1 - 12] Multiplication: [1 - 12] * [1 - 12] = [1 - 144]<-Calculated Division: [1 - 144]<-Calculated / [1 - 12] = [1 -...

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