27

💥Pasos para mostrar resultado de un evento de JavaScript en el documento HTML

  1. Crear un elemento HTML que almacenará el resultado, en este caso un elemento <p>
    P1.png

  2. Crear una variable que representen al elemento HTML creado en JavaScript
    P2.png

  3. Modificar función de suma, utilizando la propiedad .innerHTML o .innerText para agregar contenido al elemento <p> creado en el paso 1°
    P3.png

  4. Agregar la función al atributo global “onclick” en el documento HTML
    P4.png

  5. Probar en el navegador la función SUMA cuyo resultado debe aparecer en el documento HTML
    P5.png

Escribe tu comentario
+ 2
Ordenar por:
4
3355Puntos
2 años

Buen ejemplo para entender el concepto de “Tutorial”. Gracias.

3
12058Puntos
2 años

Super bro!!
Disculpa que herramienta usaste para tus infografías??

3
2674Puntos
2 años

Interesante

2
1281Puntos
un año

Hola le hice un pequeño ajuste a tu código:
1_Definir las variables input 1 y 2.
2_Utilice document.getElementById para obtener los datos (calculo 1 y 2)
3_ Luego se asignaran esos datos a las variables correspondientes.

functionsumaArit2(){
  let input1 = document.getElementById('calculo1').value;
  let input2 = document.getElementById('calculo2').value;
  let sum = parseInt(input1) + parseInt(input2);
  p.innerText= 'la suma es: ' + ' '+ sum
}
)
2
30829Puntos
un año

Les cuento que a partir de la experiencia de elaborar tutoriales, me surgió la idea de hacerlos en formato video corto, aquí les comparto mis 2 canales (Programación e Inglés) en TikTok por si les interesa:

💻 Programación
🎬Inglés

Gracias! y espero puedan revisarlos

1
16121Puntos
un año

Gracias, Raul! Muy buen aporte.

Les recomiendo revisar la nueva escuela de JavaScript de Platzi para seguir profundizando en estos temas 🚀