<div class="container">
<ul>
<li class="elm1">Element1</li>
<li class="elm2">Element2</li>
<li class="elm3">Element3</li>
</ul>
</div>
<button id="button">Get Element</button>
<p id="msg">Click button</p>
button{
padding:10px 20px;
background:#333;
color:#fff;
border-radius:6px;
border:none;
}
document.getElementById("button").onclick = function() {
const elm = document.querySelector(".elm2").textContent;
const msg = document.getElementById("msg");
msg.innerHTML = "You've got " + elm + "." ;
};
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.