COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
1st Edition
ISBN: 9780357392676
Author: FREUND, Steven
Publisher: CENGAGE L
expand_more
expand_more
format_list_bulleted
Question
error_outline
This textbook solution is under construction.
Students have asked these similar questions
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.
Task question:
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…
With one HTML file and one JS file in English please :)
You may design any web page of your choosing.
You must use the following methods to select elements on your webpage and dynamically change one of their style settings:
getElementsByTagName()
getElementsByClassName()
querySelector()
querySelectorAll()
You must use the following functions to demonstrate creating elements dynamically. These elements must be visible in the web browser.
createElement()
appendChild()
cloneNode() with no children cloned
cloneNode() with children cloned
insertBefore()
You must dynamically remove a node that you added to the original html file.
You must dynamically set at least three windows object properties:
You must add a button that when clicked calls the window object open function and opens www.amazon.com
You must add another button that when clicked calls the window object open function using at least 5 of the options for the open function and opens www.amazon.com
You must add…
Knowledge Booster
Similar questions
- HTML/CSS JAVASCRIPT please help me answer this question I will give you a good rating Thank you! TRUE OR FALSE A submit button is not an input element? Embedded php can send its variables to several different html elements on the page? this.innerHTML when employed for accessing an HTML element must be preceded by a getElementById statement which accesses the same element? The paragraph element and span tab elements both can have their inner content be accessed either by their textContent parameter or their innerHTML parameter in javascript?arrow_forwardAs the given images Please make simple biography page in HTML using Notepad. Please write the code in HTML using notepad its a request dear.arrow_forwardCreate a simple an ecternal css file to html.arrow_forward
- Open your text editor: Please complete this code in HTML create a new file and name it “Lec_Ex4_2.html” create a new file and name it “style_2.css” Type the 8 lines in the html(basic html structure). Add this line to the head section of html: Write these lines in the body of the html: <div id=“title”><h1>Your name</h1></div> <div id=“container1”> . </div> Style it in the CSS: #title{ background-color:blue;} #container1 {background-color:red;} If we don’t specify the width of the div element,it will take up the full width available. We can specify the width and height of the divusing percentages or pixels. Percentages are flexible (changes according tothe screen size), and pixels are fixed. Add the following property to both divs: Width:80%; This is comparing to the full screen For the title div: Padding:2%; For the container div: Height: 400px; Height can also be made with percentages, butpixels are preferred. Your…arrow_forwardWrite HTML5 code that will create the following linked pages. You can use the interface code from the previous exercise.arrow_forwardAssume you have the following HTML code in an html file and you are linking to an external CSS stylesheet. Write a style rule that will set the background color of the <h1> element to "orange". <body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> </body>arrow_forward
- 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…arrow_forwardIf you are asked to design an advertisement page for a restaurant, it contains three images (01.jpg, 02.jpg and 03.jpg) and multiple links, all of them go to the website (https://www.youtube.com/). Write html page design that you see fit for the existence of this page with the .writing of default texts for thisarrow_forward Create a HTML page called q3.html. This page should contain a HTML form that itself contains three text inputs and a submit input. Each of the text inputs should have name attributes. The form action should be “q3.php” and the method should be GET. In q3.php, using a foreach loop, iterate (loop) over the entire contents of the superglobal $_GET. Print or echo out each of the values in this superglobal. If any of the values within any of the text inputs in the submitted form happens to be equal to “date”, output today’s date (Y-m-d format).arrow_forward
- In html and CSS Create a mouseOver event function, that will change the colour of an HTML item (ie. a button or a list item) to green, then to black after 5 secondsarrow_forwardUse 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.arrow_forwardq32- What type of HTML list will automatically place a number in front of the list items? Select one: a. numbered list b. description (definition) list c. ordered list d. unordered list Clear my choicearrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- COMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE LProgramming with Microsoft Visual Basic 2017Computer ScienceISBN:9781337102124Author:Diane ZakPublisher:Cengage Learning
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L
Programming with Microsoft Visual Basic 2017
Computer Science
ISBN:9781337102124
Author:Diane Zak
Publisher:Cengage Learning