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
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
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…
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.
Web Page: http://web.archive.org/web/20210411193535/https://docs.python-requests.org/en/master/ Inspect the Title Text (Requests: HTTP for HumansTM). What kind of element is it (what is its HTML tag)?
JavaScript Dom Manipulation Hi can anyone please help me fix my main.js file. We're not allowed to change anything in index.html. We have to make a button so that every time you click on it the count on the web page increases by one. My code doesn't work and I don't know why. Every time I click the button, nothing happens. We just started learning about DOM and the only method we've learned so far is document.querySelector() Please help me understand dom events better. thank you so much! main.js var numTimesClicked = 0; function handleClick(event) { numTimesClicked++; console.log('button clicked'); console.log('event:', event); console.log('event.target', event.target); } var $click = document.querySelector('.click-count'); $click.addEventListener('click', handleClick); function handleMouseover(event) { console.log('button hovered'); console.log('event:', event); console.log('event.target', event.target); } index.html <!DOCTYPE html> <html…
Please help me with this question. I am having trouble understanding what to do. The HTML code is provided in one of the images below as well as the instructions. The client_side.js and the CSS code are provide below Thank you CLIENT; var url = "http://localhost:3000/post"; var myID; var guessWord; function resetGame(){ var myName = prompt("What is your name?") document.getElementById("mistakes").innerHTML = "Wrong Letters: " // request server to start a new game! $.post(url+'?data='+JSON.stringify({ 'name':myName, //client's identity on the server 'action':'generateWord'}), response); } function printGuess(){ //you write code here! //1. Locate the HTML element with ID 'guessarea' //2. Cycle through the 'guessWord' array and write // each character to the 'guessarea' in turn } function makeGuess(){ //ask the server to validate the guess $.post(…
Please anwser the following question regarding ios app development.
Write an HTML file that creates the following online Registration form. Be noted that the gender field has Male and Female items. Important notes: You should copy and paste the "HTML script" to answer this question. DON’T take screenshots for your HTML script. It must be an editable script. Take a screenshot of your output web page and paste it as a part of your answer.
Design a website that has two pages: a static HTML and a PHP file. - Write your name and student ID. - The HTML file contains a form that requests a color and a number, between 5 and 50. - The PHP file reads the values for color and the number. Style the text “Working in the lab is great” with the color submitted and sized to the number of points submitted. Show the text in the browser. Submit the code. Select a color: Select a size: Submit