0
140
VistasMostrar cálculo matemático en un elemento HTML con Javascript
Obtuve el siguiente código que calcula un porcentaje y quiero mostrar el resultado correcto en un elemento html (p). Esto es lo que tengo pero no se muestra en absoluto:
Aquí está el código en mi sitio: https://btrpay.com/btrpay-landing-dev/
<script> var slider = document.getElementById("myRange"); var output = document.getElementById("demo"); output.innerHTML = slider.value; slider.oninput = function() { var slider = document.getElementById("myRange"); var savings = ( ( slider * 2.65 ) / 100 ) * 12; output.innerHTML = this.value; //document.getElementById("demo").value = savings; }¿Por qué no se muestra y cómo puedo imprimir el resultado de la fórmula?
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Debe configurar el innerHTML de la output para el resultado de ahorro:
output.innerHTML = savings;
Así es como cambiaría el fragmento de código:
var slider = document.getElementById('myRange'); var output = document.getElementById('demo'); output.innerHTML = slider.value; // this will update the value based on slider slider.oninput = function () { var slider = document.getElementById('myRange'); var savings = ((slider * 2.65) / 100) * 12; output.innerHTML = savings; // this will update the value based on slider + calculation };
·
Juan Pablo Isaza
Denunciar
Responde la pregunta