1. Write the JS/JQuery code to accompany the following HTML code, so that when the Delete button is clicked, any button whose text value is divisible by the number written in the text field is removed from the page. You may assume that a valid number has been typed in the text field. These screenshots show the initial page and its new appearance after typing 2 into the text field and pressing Delete: Divisible by: [ Divisible by: [2 Delete Delete Click a button: 11 22 34 42 50 63 71 85 94 103 Click a button: 11 63 71 85 103

1. Write the JS/JQuery code to accompany the following HTML code, so that when the Delete button is clicked, any button whose text value is divisible by the number written in the text field is removed from the page. You may assume that a valid number has been typed in the text field. These screenshots show the initial page and its new appearance after typing 2 into the text field and pressing Delete: Divisible by: [ Divisible by: [2 Delete Delete Click a button: 11 22 34 42 50 63 71 85 94 103 Click a button: 11 63 71 85 103

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter2: Getting Started With Css: Designing A Website For A Fitness Club

Section: Chapter Questions

Problem 30CP3

See similar textbooks

Similar questions

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/ }
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; }
Create another HTML File with YourNameReqgNoJavaScript.html (Add this step screen shot too). Design the form and show the output as shown below (using table, text fields, buttons, radio buttons and formatting tags). Also define External CSS file and apply CSS to all the Text Fields, Buttons and Lables. Ask User to enter Name, Reg No, Obtain and Total Marks. When User Presses the Calculate Grade Button, then Percentage should be computed and displayed in Text field against percentage label. Finally, based on the Percentage compute the Grade and show in the Grade Text field. Using JavaScript, write code to calculate the percentage and when user clicks the Submit button then following output should be printed in Browser. When User Clicks the Clear button all the field text should be cleared. Also, include the following Checks/Validations Student Name only contain Alphabets, Numeric value can not be entered in this filed Student Name must be atleast 5 Characters in length Marks obt and…
Use JavaScript to validate user inputs for this HTML form. Create a new HTML page, LabTest.html, build form. Using external JavaScript to do the validation, for example, create a validate_form.js file. Your html code should pass the validation, put an validation icon at the bottom of the page. Following submission instructions for this exercise: No empty input. All form elements should have an input. 2. Maximun input characters of "First name" or "Last name" are 50 characters. Maximun input characters of "Address" are 300 characters. 4. For correct user inputs, show the user inputs in an alert window. Othersiwe, warn the user in an alert window.
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).
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 whole HTML page from the DOCTYPE declaration to the closing HTML tag and include: a table that includes the same content as in the image below. Note that the heading is a part of the table, so that screen readers will know that the heading is associated with the table. Add internal/embedded CSS (and extra HTML if you need to) so that your page looks like the image below. DON'T include more CSS than you need to. Tip: You will need to use pseudo-classes: https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes#tree-structural_pseudo-classes
Assume you have the set of HTML code below and you are linking to an external CSS style sheet. Write a style rule that will set the text color of all elements with the class football, to teal. <body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p class="football">This is a paragraph</p> <p class="football">This is a paragraph</p> </body>
Write down complete HTML + CSS + jQuery code to demonstrate following:a) When you double click a button, show 3 boxes with green, red and yellow color with different border styles.b) Demonstrate with complete jQuery code the functionality of text auto completion by showing suggestions for words typed by user in a search bar
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.
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. (2 Marks) b) For the Nested items/list: Using CSS style, apply red color to the text, with size of 20px.