Let's get some practice using addEventListener. I've provided you with two buttons, each with an id: 'hello' and 'goodbye' Your goal is to add a click listener to each button. . When the hello button is clicked, you should console.log "hello" When the goodbye button is clicked, you should console.log "goodbye" Make sure to use addEventListener! . index.html app.js 1 const myButton = document.querySelector('#hello'); 2- myButton.addEventListner('click", function (){ console.log("hello") 13 04 }) 06 const myButton document.querySelector('#hello'); 7 8 9- function shout(){ 010 console.log("goodbye") 11 } 12 13 myButton.addEventListner("click", shout)

Let's get some practice using addEventListener. I've provided you with two buttons, each with an id: 'hello' and 'goodbye' Your goal is to add a click listener to each button. . When the hello button is clicked, you should console.log "hello" When the goodbye button is clicked, you should console.log "goodbye" Make sure to use addEventListener! . index.html app.js 1 const myButton = document.querySelector('#hello'); 2- myButton.addEventListner('click", function (){ console.log("hello") 13 04 }) 06 const myButton document.querySelector('#hello'); 7 8 9- function shout(){ 010 console.log("goodbye") 11 } 12 13 myButton.addEventListner("click", shout)

Computer Networking: A Top-Down Approach (7th Edition)

7th Edition

ISBN:9780133594140

Author:James Kurose, Keith Ross

Publisher:James Kurose, Keith Ross

Chapter1: Computer Networks And The Internet

Section: Chapter Questions

Problem R1RQ: What is the difference between a host and an end system? List several different types of end...

See similar textbooks

Related questions

Q: How to do this exercise. Halloween 13 Create a page that uses a form. In this exercise, you’ll…

A: Here, I have to write solution for the above question.

Q: Write an HTML code for the following webpage (Form). Please complete the form below. Mandatory…

A: Save the code as a .html file .Please find the program in Step 2.

Q: Create an HTML5 form as close to the listed below as possible. Process it on back end using PHP…

A: <html> <head> <title> Midterm Feedback Form</title> <link…

Q: Q3: Using Document Object Model (DOM): Modify “src” attribute in the following HTML code,…

A: Just change the img src in the command Answer 3a: Given: <img src="photo1.jpg" alt="photo"…

Q: By referring to the specifications given below, use HTML code and JavaScript to create the form as…

A: An HTML form is a section of a document which contains controls such as text fields, password…

Q: JavaScript Dom Manipulation Hi can anyone please help me fix my main.js file. We're not allowed to…

A: I will bold out the changes in the code so it is easy for you to understand. Here in the question…

Q: Visit the following webpage: https://archive.org/details/National_Geographic_Wallpapers This webpage…

A: Google's Vision API is a machine-learning-based technology that analyzes images and offers a wide…

Q: Please help wanted here

A: What is a variable: A variable is nothing but a name given to the storage area, which stores value…

Q: Create a web form to help in creating simple random passwords. Your web form should have four text…

A: SOLUTION-I have solved this problem in PHP & HTML code with comments and screenshots for easy…

Q: Q2: no hand writing: Create Form.html according to the following figure. Fill in the form and add a…

A: Want to create a html form according to following figure.

Q: Make the html/css/javascript code like this please. category1 = Korean traditional category2 =…

A: We have selection boxes to select categories Once the categories are selected, The sub category list…

Q: You may design any web page of your choosing. You must use the following methods to select elements…

A: index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8" />…

Q: 1. Create a button grid. Write the HTML for a four-row, four-column grid with a generic button in…

A: A grid container is created using the following tags. <div class="grid-container">…

Q: using date object how can i add this to my jscode. Please the coding should not be in html script…

A: Description The code for validating the card number using the validate function is described in the…

Q: x.html," stands out for a numb

A: Introduction: The most frequent name for the default page displayed on a website when no other page…

Q: password sho aracters long o The text in this field should be obscured so that it cannot be read…

A: Html Code and output is given in next step

Q: Build a html form with the following elements Find: a text box for the user to key in text he/she…

A: The solution has been provided in as simple manner as could be, and the explanation of important…

Q: You are going to add some javascript to your webpage to greet the user. All the below instructions…

A: Answer has been explained below:-

Q: HTML5 I have created page "Index" that includes a form from html page"ChestAndBack" On the html…

A: The tags are addition in the HTML5, two main tags which are used in HTML5 are audio tag and video…

Question

Let's get some practice using addEventListener. I've provided you with two buttons, each
with an id: 'hello' and 'goodbye' Your goal is to add a click listener to each button.
. When the hello button is clicked, you should console.log "hello"
.
When the goodbye button is clicked, you should console.log "goodbye"
Make sure to use addEventListener!
index.html
app.js
1 const myButton document.querySelector('#hello');
2- myButton.addEventListner('click", function (){
console.log("hello")
13
04 })
5
6
7
const myButton document.querySelector('#hello');
8
9- function shout(){
010
console.log("goodbye")
11 }
12
Ⓒ13 myButton.addEventListner("click", shout)

Expert Solution

This question has been solved!

Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.

This is a popular solution!

SEE SOLUTION Check out a sample Q&A here

Step 1

VIEW

Step 2

VIEW

Step 3

VIEW

Trending now

This is a popular solution!

Step by step

Solved in 3 steps with 2 images

SEE SOLUTION Check out a sample Q&A here

Similar questions

Question1: create a: 1. View php page: This page should have an html table that displays the data from (users table) you created in Lab#7. 2. In the View php page you created, add two more columns in the view table, one allows editing of the row and one allows deleting the row.
The one new feature that browsers don't get from Modernizr is the ability to apply styles to HTML5 tags.
Select the answer that BEST matches the following statement: This function will return a node given a CSS selector. Select one: getElementById querySelectorAll getElelmentsByTagName getElementsByClassName querySelector
I need code for this. i have to made this exact web. It used javascript html.
Write the HTML code for the following simple page that takes the names of two siblings as well as their ages and tells us which sibling is older. The user types the names and ages. After the user clicks on the "compare ages" button the result will appear. name: age: name: age: compare ages! result
I only need pseudocode in c language please
Please create the Registration form xml design using android studio. I don't want the java or kotlin file. And if you don't know the answer then please skip it so i will get the answer asap.
Create a web form to help in creating simple random passwords. Your web form should have four text fields named Field1, Field2, Field3, and Field4, as well as “Reset” and “Submit” buttons. You need to create a separate PHP form-processing script that verifies that all four words are entered, that all of them contain only letters, and that all four are between 4 and 7 characters long. Once all of the words have been verified as correct, use the strtoupper() and str_shuffle() functions to produce four suggested jumbled sets of passwords using the words entered in the text fields Note: you need to perform the validation on the server side using PHP scripts. use the preg_match() function to check for letters
Create an HTML file which has as many tags/elements as possible within its body.Then, a JavaScript is called within the body of the HTML file to change the style of at least three HTML elements by the click of a button. You can test run it through your Browser console / w3schools.com
How to code? Hello, Im completely lost with my coding assignment. Here are the instuctions: Summary Kidder Garden Pete Burnham of the Kidder Garden website wants you to develop an application for drawing images or "stamps". As a proof of concept, he wants you to create a webpage in which users can choose stamps of a specified size and shade (opacity) and then place those stamp images on a canvas using the mouse. The user can then modify the size, position, rotation, or shading (opacity) by clicking tools from a toolbar and applying that tool to a stamp image. Pete has already designed the webpage. He needs you to write the code to create the stamp objects and place them as images on the page's canvas. Figure 14-50 shows a preview of a completed page with stamp images created and modified by the user. Pete has also supplied you with the following object methods that will be useful to you: The elementX() method for the Event object prototype that returns the x-coordinate of a mouse…
Do not use bootstrap on this website as it contains ready-made libraries. I expect you to write them. Design a website with html, css. Do not use bootstrap on this website. Please do not throw the same answer. Important Don't answer if you don't know. Subject: Supermarkets, bakeries, restaurants, let's deliver food to the needy through this website by posting ads. Do not use bootstrap on this website. At the same time, have user input on your site.
Make a table in HTML format that works with your school's timetable. The column headers should indicate the time of day for each class, and the row headers should indicate the day of the week. The table numbers need to be labelled with the course name and instructor's name. Since it will be at the table's top, a fitting caption is required.