ecki/JavaScript-from-Beginner-to-Professional
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

cleanup

Browse Source
This commit is contained in:
Karan 2021-11-25 19:58:28 +05:30 committed by GitHub
parent 92a784f099
commit 64cdfc9007
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 0 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
Chapter 11/log of event target
View File

@ -1,41 +0,0 @@
<!doctype html>
<html>
<head>
<title>JS Tester</title>
</head>
<body>
<div class="output"></div>
<input type="text" name="message" placeholder="Your Message">
<button class="btn1">Button 1</button>
<button class="btn2">Button 2</button>
<div>
<button class="btn3">Log</button>
</div>
<script>
const myInput = document.querySelector("input[name='message']");
const output = document.querySelector(".output");
const btn1 = document.querySelector(".btn1");
const btn2 = document.querySelector(".btn2");
const btn3 = document.querySelector(".btn3");
const log = [];
btn1.addEventListener("click", tracker);
btn2.addEventListener("click", tracker);
btn3.addEventListener("click", (e) => {
console.log(log);
})
function tracker(e) {
output.textContent = myInput.value;
const ev = e.target;
console.dir(ev);
const temp = {
message: myInput.value,
type: ev.type,
class: ev.className,
tag: ev.tagName
};
log.push(temp);
myInput.value = "";
}
</script>
</body>
</html>