How can I send files from an html to javascript

Question

How can I send files from an html to javascript

Navigation

#1 by (1 votes)

2

Well I have a code in c ++ but I want to pass it to html and javascript what I want to do is that with three inputs that will be on the page enter numbers and that are passed to javascript and there to do mathematical operations and that I return a result on the page.

var a = document.getElementById("inA");
var b = document.getElementById("inB");
var c = document.getElementById("inC");

var discriminante;
var raiz;
var resultado;
var cuatro;
var raiz1;
var dividir;

raiz1 = b * b - cuatro * a * c;
discriminante = b * b - 4 * a * c;
raiz = b * b - 4 * a * c;
raiz = Math.sqrt(raiz);
resultado = -1 * b;
dividir = 2 * a;
document.write(b * b);

<!DOCTYPE html>
<html>

<head>
  <title>Prueba</title>
</head>

<body>
  <input id="inA" type="text">
  <input id="inB" type="text">
  <input id="inC" type="text">
</body>

</html>

javascript html

asked by 23.03.2018 в 18:03

source

1 answer

Center content of an HTML table for mail Ask for data with prompt () and store it in mysql with php

score 1 · Accepted Answer

I leave you what you want to do by adding a eventListener when a change is made in input and showing the result. The only thing you should do is replace the equation you want to show.

// asigno los elementos a una variable
var elementA = document.getElementById("inA");
var elementB = document.getElementById("inB");
var elementC = document.getElementById("inC");
var pre = document.getElementById("pre");

// agrego los listener en el on change para que
// realice las ecuaciones en los input
elementA.addEventListener('change', recalcular);
elementB.addEventListener('change', recalcular);
elementC.addEventListener('change', recalcular);

function recalcular() {
  // asigno el valor del input y si está vacío
  // le asigno por defaul el valor 0
  var a = parseFloat(elementA.value || 0);
  var b = parseFloat(elementB.value || 0);
  var c = parseFloat(elementC.value || 0);
  
  var discriminante;
  var raiz;
  var resultado;
  var cuatro;
  var raiz1;
  var dividir;

  // ecuaciones
  raiz1 = b * b - 4 * a * c;
  discriminante = b * b - 4 * a * c;
  raiz = b * b - 4 * a * c;
  raiz = Math.sqrt(raiz);
  resultado = -1 * b;
  dividir = 2 * a;
  
  // muestro en el tag "pre" el valor de la ecuación
  pre.innerText = b * b;
}

<!DOCTYPE html>
<html>

<head>
  <title>Prueba</title>
</head>

<body>
  <input id="inA" type="text">
  <input id="inB" type="text">
  <input id="inC" type="text">
  <div>
    <label>Resultado:</label>
    <pre id="pre"></pre>
  </div>
</body>

</html>