
Hi Please write this program using Javascript. Please attach or share a screenshot of the javascript
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 div element
created in your HTML document, where array elements are separated by the double quote ”.
d. Loop through your array and count the instances of numbers 7 and 9 found in your array. As you are
looping through the array, also replace each instance of number 3 with your first name.
e. After exiting the loop, display results in an h3 element, as shown in the example below:
Number 7 was found 2 times and number 9 was repeated 4 times in this array
f. Display content of your array (separated by comma) in a new h2 element in the div element in your
HTML document.

Step by stepSolved in 5 steps with 4 images

- 7-Fully explain the following code and draw all possible outputs. JavaScript HTML DOM Finding HTML Elements by Tag Name This example demonstrates the getElementsByTagName method. const x = document.getElementById("main"); const y = x.getElementsByTagName("p"); document.getElementById("demo").innerHTML = 'The first paragraph (index 0) inside "main" is: y[0].innerHTML;arrow_forwardCreate a new file cart.html You must get and set the data on the web page by using document.getElementById( ). Each HTML element on the web page already has an id so it is easy. No need for a loop to go through the list of products, there is only 2 products and the info is hard coded on the web page. You must write the code for function cartTotal().arrow_forward"As per Bartleby rules, we can answer first 3 MCQ" there are 3 questions ,please answer all thanks !arrow_forward
- HTML/CSS JAVASCRIPT please help me answer this question I will give you a good rating Thank you! Given the following word search application, which searches for words in paragraphs, modify it so that it Adds two spans tab within the HTML within the designated new "Illustate" text segments as shown below. Has a new click event which searches the occurrence of the word within all span tabs residing within the first div container , then highlights the text in the span tab which contains the word c) In the same routine, count the number of times ( using a global variable) that the word is found Within the object array loop for span tabs ( where the indexOf statement is located) and after all span tabs are highlighted, send that number to a new html element ( a div, h1, span, p choice is up to you). The count should be continually accumulated and should show the total number of times a word is found in a span tab for all user activated clicks of the search button for…arrow_forwardWrite a for-loop that will write to the HTML document the value of each element in the array called myArray. Note: You only need to write a for-loop. Code on the outside of the for-loop is not necessary as we will assume that myArray has been declared and initialized with a series of array elements.arrow_forwardWrite a JavaScript code with the following three different conditions: • Create the HTML document containing an 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 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. Important notes: 1. You should have to copy and paste the script as your answer to this question. DON’T take a screenshot for your script. It must be an editable script. 2. Take a screenshot of your output web page and paste it as a part of your answer.arrow_forward
- Management has given you the greenlight to create the product portion of the web application. Create a Product class with the following attributes: a. Price b. Name c. Description d. Id Create a ShoppingCart.js file and include it in the products page. In the script, create an empty array to store the items added to the cart. Create a products array and create a product object for each of your products and store it in the products array when the script loads. The shopping cart script should have the following functions: a. add - Takes an id, finds the product object in the products array and adds it to the items purchased array. b. remove - Takes an id and removes the corresponding object from the items purchased array. c. Returns html for displaying the items in the cart. Create a products.html page. Add 5 product images to the page. Under each product add an add to cart button. Make the id property of the button the id for the product.…arrow_forwardHaving trouble with this debugging. new quotes should be visible everytime page loads up.arrow_forwardThere are times as a web developer when you need to interact with different data types and file types. The textbox below represents a Comma-separated values file, which is typically referred to as a CSV file. Username, Identifier, First name, Last name booker12,9012, Rachel,Booker grey07, 2070, Laura, Grey johnson81, 4081, Craig, Johnson jenkins46,9346, Mary, Jenkins smith79,5079, Jamie, Smith Your job is to represent the CSV data using a tabular format in csv_to_table.html. You need to use following HTML elements: 1 x Table element 1 x Caption element 1 x Table Head element () 1 x Table Body element () 4 x Table Header elements 6 x Table Row elements ? x Table Data elements (the number of Table Data elements is up to you to work out!)arrow_forward
- Computer Science WebGL - Use the z-buffer algorithm to demonstrate hidden-surface removal for three cubes. One cube should be in the center of the canvas. Each of the other two cubes should either overlap the first cube or be overlapped by it. Create separate files for the HTML index and JavaScript required for the program. Please include screenshots of your program running as well.arrow_forwardPlease help me with this. I am not understanding what to do. So the code below is supposed to display images when the checkboxed are clicked and display nothing when they are unclicked,. Dont worry about the css code JS function p01Func() { document.getElementById("description").innerHTML = "<p>A mother joins an underground band of vigilantes to try to rescue her daughter from a state-run institution.</p>"; document.getElementById("poster").src = "images/night_raiders_poster.jpg"; document.getElementById("poster").style.display = "block"; document.getElementById("director").src = "images/night_raiders_director.jpg"; document.getElementById("director").style.display = "none"; document.getElementById("actors").src = "images/night_raiders_actors.jpg"; document.getElementById("actors").style.display = "none"; document.getElementById("check1").checked = false; document.getElementById("check2").checked = false; document.getElementById("check3").checked = false;}…arrow_forward5- Complete the following javascript function to display the style property of the document using DOM body { background-color: yellow; color: red; } Click the button to display the style properties of this document. Try it function myFunction() { }arrow_forward
- Database System ConceptsComputer ScienceISBN:9780078022159Author:Abraham Silberschatz Professor, Henry F. Korth, S. SudarshanPublisher:McGraw-Hill EducationStarting Out with Python (4th Edition)Computer ScienceISBN:9780134444321Author:Tony GaddisPublisher:PEARSONDigital Fundamentals (11th Edition)Computer ScienceISBN:9780132737968Author:Thomas L. FloydPublisher:PEARSON
- C How to Program (8th Edition)Computer ScienceISBN:9780133976892Author:Paul J. Deitel, Harvey DeitelPublisher:PEARSONDatabase Systems: Design, Implementation, & Manag...Computer ScienceISBN:9781337627900Author:Carlos Coronel, Steven MorrisPublisher:Cengage LearningProgrammable Logic ControllersComputer ScienceISBN:9780073373843Author:Frank D. PetruzellaPublisher:McGraw-Hill Education





