HTML
<div>
<a href="#" id="element1">Show Text</a>
<button id="element2">Show Text</button>
</div>
<h1 id="myH1"></h1>
CSS
xxxxxxxxxx
5
div{
display: inline-flex;
flex-direction: column;
gap: 20px;
}
JS
x
var element1 = document.getElementById("element1");
var element2 = document.getElementById("element2");
[element1, element2].forEach(function(myElements){
myElements.addEventListener("click", function(){
document.getElementById("myH1").innerHTML = "Hello World!";
});
});
<!< ><> < ="https://raw.githack.com/albughisy7/BLOGGER/main/Jun_Kode/jQuery/jquery.min.js"></> <> *{:#1d1e22; border-color:#1d1e22; background: transparent;/*#fefefe*/ scrollbar-width:thin; scrollbar-color: #d8d8d8 transparent} input{border:1px solid; outline: none;} button{padding: 4px 8px}div{ >