1- Write an html page that contains: a. In the head section, a JavaScript function called Sum(). This function asks the user for 3 numbers and finds and displays their sum. b. In the body section an html paragraph that when clicked calls the function Sum(). The paragraph should have the text. "click here to find the sum of 3 numbers". c. In the header section, write CSS rules so that the font of the paragraph is "Arial".

1- Write an html page that contains: a. In the head section, a JavaScript function called Sum(). This function asks the user for 3 numbers and finds and displays their sum. b. In the body section an html paragraph that when clicked calls the function Sum(). The paragraph should have the text. "click here to find the sum of 3 numbers". c. In the header section, write CSS rules so that the font of the paragraph is "Arial".

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 11CP1

See similar textbooks

Similar questions

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.…
Use the following CSS rule to write a line of HTML code that will display the text “CSC242” in an h1 header and make the text red. .special { color: red; }
Which of the following statements is true? A Any particular HTML5 form input types must render identically in every HTML5- compliant browser. B If the user enters an improperly formatted URL in a url input type, it will not validate. HTML5 does not validate that the URL entered actually exists. C The header element may be used only one time on a page. D When the focus is placed in the text field (i.e., the cursor is in the text field), the placeholder text is submitted to the server. All variables declared in function definitions are ____________ variables. A local B global C constant D special
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.
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.
Write the HTML and CSS code to produce the following result in browser, use the transparency to show the image transparent as shown in the figure. As we hover the mouse over the image it should clearly be displayed as shown in the figure (the right most).
I'm trying to learn CSS and it isn't easy. Can someone help me with this problem? Modify or add one CSS rule for each requirement below to change the text color property as specified. By color name: change the text color for byname class elements from black to blue. By RGB values: change the text color for byrgb class elements from black (rgb(0, 0, 0)) to green by modifying the second number to be 255. By HSL values: change the text color for byhsl class elements from black (hsl(0, 0%, 0%)) to cyan by modifying the first number to be 200, the second number to 100%, and the third number to 50%. Code: The text is blue The text is green The text is cyan
14- Write an HTML code that will display the “IOT World Today” website inside an Iframe contained within your webpage. The Iframe will have a width and height of 444px and 555px respectively. a) Apply border to the frame by using CSS. The color of the border is RED , size of the border is 25px and style of the border is double . {Assume that the website address of “IOT World Today” https://www.iotworldtoday.com/ }
Create the following application. Give me the html, css and javascript code.
Write a JavaScript code with the following three different conditions: Create the HTML document containing an <img> element with id="myImage" for any images you want. Use the HTML DOM to get the element with id="myImage". Write a JavaScript function to change the JavaScript src attribute of <img> element from " pet.gif" to " cat.jpg" when clicking on a button. Note: Students can use any gif and jpg files according to their choice.
12- Write an HTML code to design a webpage that will display a nested list as shown in the sample output given below. Sample Output: Deserts in GCC A. Oman Wahiba Sands Bawshar Sands B. Qatar Singing Sand Dunes. Doha Desert a) For the Heading: “Deserts in GCC ” apply yellow color to the text , with size of 30px, align the text to left, and text must be set to upper case using CSS style. b) For the Nested items/list: Using CSS style, apply red color to the text, with size of 20px.
consider the code below 1. Write a JavaScript function to print "X won Y-Z in W sets" onto the HTML element with id "result", where X is the winning player, Y-Z is the score in sets, and W is the total number of sets played. 2, explain where the function should be written within the HTML structure by referring to the line number. Note that your code should work for any result displayed in this way (not only for the above result).