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...
Related questions
Question
Transcribed Image Text: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!
Trending now
This is a popular solution!
Step by step
Solved in 3 steps with 2 images
Recommended textbooks for you
Computer Networking: A Top-Down Approach (7th Edi…
Computer Engineering
ISBN:
9780133594140
Author:
James Kurose, Keith Ross
Publisher:
PEARSON
Computer Organization and Design MIPS Edition, Fi…
Computer Engineering
ISBN:
9780124077263
Author:
David A. Patterson, John L. Hennessy
Publisher:
Elsevier Science
Network+ Guide to Networks (MindTap Course List)
Computer Engineering
ISBN:
9781337569330
Author:
Jill West, Tamara Dean, Jean Andrews
Publisher:
Cengage Learning
Computer Networking: A Top-Down Approach (7th Edi…
Computer Engineering
ISBN:
9780133594140
Author:
James Kurose, Keith Ross
Publisher:
PEARSON
Computer Organization and Design MIPS Edition, Fi…
Computer Engineering
ISBN:
9780124077263
Author:
David A. Patterson, John L. Hennessy
Publisher:
Elsevier Science
Network+ Guide to Networks (MindTap Course List)
Computer Engineering
ISBN:
9781337569330
Author:
Jill West, Tamara Dean, Jean Andrews
Publisher:
Cengage Learning
Concepts of Database Management
Computer Engineering
ISBN:
9781337093422
Author:
Joy L. Starks, Philip J. Pratt, Mary Z. Last
Publisher:
Cengage Learning
Prelude to Programming
Computer Engineering
ISBN:
9780133750423
Author:
VENIT, Stewart
Publisher:
Pearson Education
Sc Business Data Communications and Networking, T…
Computer Engineering
ISBN:
9781119368830
Author:
FITZGERALD
Publisher:
WILEY