me sale un error. este es el HTML: <!DOCTYPE html> <html lang=“en”> <head> <meta charset=“UTF-8”> <meta http-...

Alejandro Zambrano Lasso

Alejandro Zambrano Lasso

Pregunta
student
hace 3 años

me sale un error.

Captura de Pantalla 2022-10-12 a la(s) 11.46.03 a.m..png este es el HTML:

<!DOCTYPE html>

<html lang=“en”>

<head>

<meta charset=“UTF-8”>

<meta http-equiv=“X-UA-Compatible” content=“IE=edge”>

<meta name=“viewport” content=“width=device-width, initial-scale=1.0”>

<title>Manipulación del DOM - Curso Práctico</title>

</head>

<body>

<h1>Manipulación del DOM Básica</h1>

<input id=“Calculo-1” placeholder=“Escribe algo aquí”/>

<input id=“Calculo-2” placeholder=“Escribe algo aquí”/>

<button id=“btnCalcular” onclick=“btnOnClick()”>Suma</button>

<p id=“result”></p>

<script src="./main.js"></script>

</body>

</html>

este es js

const h1 = document.querySelector(‘h1’);

const input1 = document.querySelector(’#calculo-1’);

const input2 = document.querySelector(’#calculo-2’);

const btn = document.querySelector(’#btnCalcular’);

const resultado = document.querySelector(’#result’);

function btnOnClick(){

const sumaInputs = innerText = parseInt(input1.value) + parseInt(input2.value);

resultado.innerHTML = "El resultado es: " + sumaInputs;

}

2 respuestas
para escribir tu comentario
    Joalin Jonathan Pineda Del Valle

    Joalin Jonathan Pineda Del Valle

    student
    hace 3 años

    ¡Hola! El error puede estar en la última linea, estas igualando suma inputs a innerText, pero este último es para accecer al texto. Intenta cambiar la función btnOnClick() como te la dejo a continuación

    function btnOnClick() { const sumaInputs = input1.value + input2.value; pResult.innerText = "Resultado: " + sumaInputs; }
    Alejandro Zambrano Lasso

    Alejandro Zambrano Lasso

    student
    hace 3 años

    muchas gracias, aprecio mucho sus comentarios!

Curso Práctico de JavaScript

Curso Práctico de JavaScript

Aprender un lenguaje de programación requiere de práctica constante, con JavaScript puedes crear proyectos increíbles que logren resolver problemas de la vida real por medio de aplicaciones web. Este curso dejará de estar disponible el 31 de julio.

Curso Práctico de JavaScript
Curso Práctico de JavaScript

Curso Práctico de JavaScript

Aprender un lenguaje de programación requiere de práctica constante, con JavaScript puedes crear proyectos increíbles que logren resolver problemas de la vida real por medio de aplicaciones web. Este curso dejará de estar disponible el 31 de julio.