HTML
<body> <h1>Counter</h1> <p id="num">0</p> <div> <button id="minus">-</button> <button id="plus">+</button> </div> <script src="src/main.js"></script> </body>JS
const num = document.getElementById('num') const minus = document.getElementById('minus') const plus = document.getElementById('plus') minus.addEventListener('click', () => { num.textContent -= 1; }) plus.addEventListener('click', () => { num.textContent += 1; })Esta es una aplicación de contador simple. Si presiono menos btn, actúa como se esperaba (es decir, resta 1 del número) Pero si presiono más, obtengo una concatenación de cadenas (es decir, '01')
Estoy confundido aquí. ¿Por qué uno actúa como un número y el otro como una cadena? parece que hay una conversión automática de tipo de manera muy inconsistente.
y ¿cuál sería la mejor práctica para arreglar 'más'?