1

Es hacer un formulario sencillo donde pongamos el dato de un gasto mensual en numero. la idea es que al hacer click en calcular ahorro te muestre abajo nuevamente tu gasto y el ahorro del 8%. requiero saber si con AngularJs o con php o javascript que un dato que incluya el usuario en un input se muestre el resultado abajo con una reducción del 8% del porcentaje.

Es para mi sitio web, una calculadora simple.

Ya con CSS le ingresare ese estilo.

Podrían ayudarme?

Adjunto visual del formulario que me piden:

introducir la descripción de la imagen aquí

2 respuestas 2

4

Puede intentar lo siguiente:

function calcular(){
  //Obtienes el valor
  var valor = document.getElementById("valor").value;

  var result= document.getElementById('result');
  var total= document.getElementById('total');

  //le descuentas el 8% y lo agregas al HTML
  var descuento = parseInt(valor)*0.08;

  //agrega los resultados al DOM
  result.innerHTML = 'Ahorro de: $' + descuento;
  total.innerHTML =  'Total:     $' + (parseInt(valor)-descuento);
}
Ingrese un valor:
<!--Con el evento "onkeyUp" haces el calculo a medida que ingresan el valor-->
<input id="valor" type="number" onkeyUp="calcular();">
<br>
<br>
<span id="result"></span>
<br>
<span id="total"></span>

0

Puedes obtener el valor del input con javascript

let gastoInput = document.getElementById('gasto');
let gasto = gastoInput.val();

Calculas el ahorro

let ahorro = (gasto * 100) / 8;

Imprimes el ahorro en HTML con un método como append o innerHTML.

1
  • Dónde está la función val? , además esto no es en tiempo real, ya que el valor del input sería solo una vez captado el 2 dic. 2017 a las 15:38

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.