Create another HTML File with YourNameReqgNoQ2.html (Add this step screen shottoo) which contains the course registration form for the training institute as givenbelow:First NameMiddle NameLast NameCourse RegistrationGender MaleCNICCell NoEmailFemaleResetChoose at least two coursesPythonWeb DesigningSEOE-CommerceSessionSubmitMorningEveningWeekenda) Display the content in web browser using HTML elementsb) Apply box model on body and the other elements of HTML i.e., 5pxequidistance margin and padding so that the display of HTML page is similaracross browsers.c) Write JavaScript that reads the value of each input element filled by the userand display the same information on the same HTML page, after the formsubmission

I have used HTML as mentioned in the question.

Answered: o) which contains the course…

Engineering

Computer Science

o) which contains the course registration form for elow: First Name Middle Name Last Name Course Registrat CH

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter9: Getting Started With Javascript: Creating A Countdown Clock

Section: Chapter Questions

Problem 10CP4

See similar textbooks

Similar questions

Step 1. You will write an html web page called editItem.html (or editItem.py), which links to an external Javascript file named ActionOnItem.js. The contents of editItem.html (or editItem.py) should include dropdownlist1, dropdownlist2 and a button. First Add items to the dropdown list using HTML code. Secondly, click the button MoveHere. You can add other form elements if you think are needed to complete this program with more relevant information. Step 2. You will write a .js file named ActionOnItem.js. In ActionOnItem.js file, you should write a function called moveItem( ) which receive itemName parameter and remove that item from dropdownlist1 and add that item to dropdownlist2. Step 3: when MoveHere’ button is pressed and display result on your HTML page. Step 4. Extend your programs by creating a new function called countItem() in ActionOnItem.js that calculates and displays number of items on both dropdownlist1 and dropdownlist2. You can add another button on the…
Open the HTML and JavaScript files provided as start up files (index.html and navigation.js). Then, run the application and notice that when you click on a link in the sidebar, the page is scrolled so the information for the speaker associated with that link is displayed. In other words, this application works even if JavaScript is disabled. In the JavaScript file, add an event handler for the ready event method. Then, within the function for that event handler, add jQuery code that hides the heading and article for all but the first speaker. Add an event handler for the click event of the <a> elements in the sidebar. Then, within the function for that event handler, add jQuery code that hides all the speaker information, gets the value of the href attribute of the link that was clicked, and then uses that value to display the heading and article for the speaker associated with that link.
Create a HTML and CSS file of the given picture. Ensure that the interface will satisfy the given picture.Note: Once view button was clicked, another html file will pop up as shown in 2nd picture.
You will write an html web page called editItem.html (or editItem.py), which links to an external Javascript file named ActionOnItem.js. The contents of editItem.html (or editItem.py) should include dropdownlist1, dropdownlist2 and a button. First Add items to the dropdown list using HTML code. Secondly, click the button MoveHere. You can add other form elements if you think are needed to complete this program with more relevant information. then you will write a .js file named ActionOnItem.js. In ActionOnItem.js file, you should write a function called moveItem( ) which receive itemName parameter and remove that item from dropdownlist1 and add that item to dropdownlist2.
Write and HTML page to display a simple slot machine: The slot machine has 3 reels. Each reel has the following fruits: Grape Watermelon Orange Peach Lemon Apple Cherry Strawberry Pear Add a <button element with the text "Spin!" on the page When the user clicks the button, pick a random fruit for each reel and display the three fruits in a row as emojis It all three fruits match, output "Winner, winner, chicken dinner!" to a <div> element below the fruits
3- The user wants to insert an image with the filename: UTAS.JPG with a height and width of 50px and an alternate text “Salalah”. When the image is clicked, it will link to the UTAS-Salalah website. Which of the following HTML code is suitable for the given instructions? a. <a href=”https://www.sct.edu.om”><img src=”UTAS.JPG” height”50 px” width ”50 px” alt ”Salalah”></a> b. <a href=”https://www.sct.edu.om”></a><img source=”UTAS.JPG” height=”300 px” width=”300 px” alternate=”Salalah”> c. <a href=”UTAS”><image src=”UTAS.JPG” height width=”50 px” alt=”Salalah”></a> d. <a href=”https://www.sct.edu.om” ><img src=”UTAS.JPG” height=”50 px” width=”50 px” alt=”Salalah”> </a>
Modify the following HTML code by adding JavaScript function so that when the user click on delete button, any button whose value is divisible by entered number cut out/removed from the page.Number entered in the divisible text field must be valid. [20 marks]HTML CODE:<div id="controls">Divisible by:<input type="text" id="divisor" /><button id="del">Delete</button></div> <div id="buttons">Click a button:<button>13</button> <button>66</button><button>24</button> <button>82</button><button>52</button> <button>93</button><button>61</button> <button>45</button><button>64</button> <button>105</button> </div>
By using the program below: Kindly Change the color of all elements with the class "colortext", to "red". <!DOCTYPE html> <html> <head> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> <p class="colortext">This is another paragraph.</p> <p class="colortext">This is also a paragraph.</p> </body> </html>
Create another new text file and write the following codes. <html> <head> <link rel="stylesheet" type="text/css" href="test.css" /> </head> <body> <h3> A White Header </h3> <p> This paragraph has a blue font. The background color of this page is gray because we changed it with CSS! </p> </body> </html> Save this file with name MyExternalCSSdemo.html (Run and see the effect.) Create a new folder name – Tutorial -5 Create a two text file inside this folder and name – Tutorial -5.txt for HTML page and ExternalCSS.txt for CSS file Open Tutorial -5.txt as a sublime text (by right click on it) Following tasks to be completed to develop a web page using external CSS. 1. Create an External CSS which should have background colour ‘white’, Header H1 colour ‘black’ and paragraph colour ‘Red’ 2. Web page should have…
Imagine that the HTML file for your web page project includes a div element with the id value “cupcake” and you are writing a function to display and rearrange some images within that element. What JavaScript statement would you place in the blank to move the last image within the ccFrostingelement to the beginning of the line and shift the other images one position toward the end? let frostingFiles = ["pinkFr.jpg", "blueFr.jpg", "chocFr.jpg"] let frostingCount = frostingFiles.length; function frostCupcake() { let cupCake = document.getElementById("cupcake"); let ccFrosting = document.createElement("div"); cupCake.appendChild(ccFrosting); ccFrosting.id = "ccFrosting"; for (let i = 0; i < frostingCount; i++) { let image = document.createElement("img"); image.src = frostingFiles[i]; ccFrosting.appendChild(image); } function shuffleBack() { _____ } } a. ccFrosting.appendChild(ccFrosting.firstElementChild); b.…
I need help with creatufb this HTML. Thank you. Create an HTML form that has one input text field for your Fahrenheit degrees Add a hidden field to the form, use this field to indicate the form is submitted Add a submit button to the form Make sure the form posts to the same file in the "action" Add the PHP code for: On load, populate the input text field with some default degree value, like 87 On Submit, or POST, read the input field value submitted and convert the value to a Celcius degree Use the standard formula (X°F − 32) × 5/9 = Y°C (where 5/9 = 0.5556) Display the resulting Celcius degrees Y°C in the page after you calculate the result, along with the rest of the form, so you can submit again another value
Hi Please write this program using Javascript. 1. Use our HTML template to create a file named as your name (for example if your name is john the file name would be “john.html”). Make sure to update the metadata (title, author, description…) accordingly. This HTML file should contain an h1 heading element that includes your full name and student number. (Do not do this part. Already done) 2. Create an empty <div> element with an id of your name. This element should be used to display your output from JavaScript. 3. Create a JavaScript file with your studentid.js and link it to your HTML file created above. Perform the following exercise in your JavaScript file: a. Declare an empty array that will be used to store integer numbers. b. Write a loop that iterates 30 times. In each iteration of the loop, generate a new random number between 0-50 and insert the value in your array (created above). c. After exiting your loop, display the content of your array in an h2 element inside the…