<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
meta
name
=
"viewport"
path1tent
=
"width=device-width, initial-scale=1.0"
>
</
script
>
</
head
>
<
body
>
<
h1
style
=
"color: green;"
>GeeksforGeeks</
h1
>
<
div
style="background-color: green;
width: fit-content;
padding: 10px;
margin-top: 5px;"
class
=
"btn"
>
This text will be changed
</
div
>
<
div
style="background-color: green;
width: fit-content;
padding: 10px;
margin-top: 5px;"
class
=
"btn"
>
This text will be changed
</
div
><
br
>
<
br
>
<
button
class
=
"Clickme"
>Change text</
button
>
<
script
>
function func() {
// Selecting all buttons and
// Setting the text content of the button
var chk = d3.selectAll(".btn")
.text("This text is changed");
var text = document.querySelector("button");
}
let btn = document.querySelector(".Clickme");
btn.addEventListener("click", func);
</
script
>
</
body
>
</
html
>