JavaScript : Satu Function Digunakan Oleh Beberapa Element

HTML

 
<div>
  <a href="#" id="element1">Show Text</a>
  <button id="element2">Show Text</button>
</div>
<h1 id="myH1"></h1>

CSS

xxxxxxxxxx
 
div{
    display: inline-flex;
    flex-direction: column;
    gap: 20px;
}

​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!";
    });
});

<!doctype html><html><head> <script src="https://raw.githack.com/albughisy7/BLOGGER/main/Jun_Kode/jQuery/jquery.min.js"></script> <style> *{color:#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{