Hasta ahora estoy atrapado aquí. Sigo recibiendo NAN como resultado. Intenté comenzar con un párrafo y obtener el número 0 pero devuelve "no se pueden leer las propiedades de nulo (leyendo '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>Si entiendo su problema correctamente, desea agregar 10 al resultado cada vez que se hace clic en el botón.
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>Espero haber podido ayudar
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>