Aplicaciones de Chrome / Scripts en línea

StackOverflow https://stackoverflow.com//questions/25035553

Pregunta

Solo nos enseñaron cómo enlinear el guión en la escuela, así que estaba mirando a Internet.Encontré algo pero no funciona.
El código que tengo en este momento: Demo Fiddle 

<title>DPS</title>
<body>
    <form id="value-input">
        <input type="text" name="damage" id="damage" placeholder="Damage">
        <input type="text" name="firerate" id="firerate" placeholder="Firerate">
        <input type="button" id="submit" value="Calculate">
        <input type="reset">
    </form>
    <script src="main.js"></script>
</body>


function calc() {
   var damage = document.getElementById('damage');
   var firerate = document.getElementById('firerate');
   alert(newFirerate * newDamage);
}

document.querySelector('submit').addEventListener('onClick', calc);

Es realmente básico y es solo aprender a desarrollar aplicaciones de cromo, sin usar scripts en línea.

¿Fue útil?

Solución

Hay algunos errores aquí como puedo verlo.

En primer lugar, actualmente no está obteniendo los valores de las entradas, solo obteniendo las entradas.Haga esto en lugar: 

var damage = document.getElementId('damage').value;
var firerate = document.getElementById('firerate').value;

Siguiente, en su alerta está usando variables "newfireerate" y "newdamage" que no ha definido en ninguna parte.Supongo que desea utilizar los que tienen definidos: 

alert(firerate * damage);

y, por último, en su oyente de eventos, cambie 'onClick' a '' haga clic en '.

Editar: También cambie el selector de consulta al agregar el escuchador de eventos de 'Enviar' a '#SUBMIT'.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top