So far I'm stuck here. I continue to get NAN as a result. I tried by starting off with a paragraph and fetching number 0 but returns "cannot read properties of null (reading 'addEventListener')"
<html>
<style>
</style>
<body>
<p id="result" value=0>
0
</p>
<button id="func">RUN IT</button>
<script>
document.getElementById("func").addEventListener("click", () => {
var n = document.getElementById("result");
console.log(result);
if (n != 10) {
n++;
document.getElementById("result").innerHtml = n;
}});
</script>
</body>
</html>
If I understand your problem correctly, you want to add 10 to the result every time the button is clicked.
let result = document.querySelector('#result');
document.querySelector('#func').addEventListener('click', (e) => {
if (result.textContent != 10) {
result.textContent++
}
})<p id="result">0</p>
<button id="func">RUN IT</button>I hope I could have helped
document.getElementById("func").addEventListener("click", () => {
var n_isADomElement = document.getElementById("result");
let v = +n_isADomElement.innerText
if (v != 10) {
v++;
n_isADomElement.innerText = v;
}
});<html>
<style>
</style>
<body>
<p id="result" value=0>
0
</p>
<button id="func">RUN IT</button>
</body>
</html>