Skip to main content
se eliminaron 191 caracteres en el cuerpo
Origen Enlace
fwBasic
  • 2.8k
  • 1
  • 13
  • 24
var time, position, resultados;
var x1,v1,a1,x2,v2,a2; // variables Globales

function obtenerDatos(){
    var x1 = document.getElementById("x1").value;
    var v1 = document.getElementById("v1").value;
    var a1 = document.getElementById("a1").value;
    var x2 = document.getElementById("x2").value;
    var v2 = document.getElementById("v2").value;
    var a2 = document.getElementById("a2").value;

    var r = [x1, x2, v1, v2, a1, a2];
    return r;
}

  var input = document.getElementsByTagName("INPUT");

for (i=0; i<input.length; i++) {
 input[i].addEventListener("change",  function(){
 
  resultados = obtenerDatos();

  var x1 = resultados[0];
  var x2 = resultados[1];
  var v1 = resultados[2];
  var v2 = resultados[3];
  var a1 = resultados[4];
  var a2 = resultados[5];

  console.log(resultados);
 });
};
<div class="col-6">
            <label for="x1">Posición inicial:</label>
            <input type="text" class="form-control" placeholder="m" id="x1">
            <label for="v1">Velocidad inicial:</label>
            <input type="text" class="form-control" placeholder="m/s" id="v1">
            <label for="a1">Aceleración inicial:</label>
            <input type="text" class="form-control" placeholder="m/s2" id="a1">
            <label for="x2">Posición final:</label>
            <input type="text" class="form-control" placeholder="m" id="x2">
            <label for="v2">Velocidad final:</label>
            <input type="text" class="form-control" placeholder="m/s" id="v2">
            <label for="a2">Aceleración final:</label>
            <input type="text" class="form-control" placeholder="m/s2" id="a2">
        </div>
var time, position, resultados;

function obtenerDatos(){
    var x1 = document.getElementById("x1").value;
    var v1 = document.getElementById("v1").value;
    var a1 = document.getElementById("a1").value;
    var x2 = document.getElementById("x2").value;
    var v2 = document.getElementById("v2").value;
    var a2 = document.getElementById("a2").value;

    var r = [x1, x2, v1, v2, a1, a2];
    return r;
}

  var input = document.getElementsByTagName("INPUT");

for (i=0; i<input.length; i++) {
 input[i].addEventListener("change",  function(){
 
  resultados = obtenerDatos();

  var x1 = resultados[0];
  var x2 = resultados[1];
  var v1 = resultados[2];
  var v2 = resultados[3];
  var a1 = resultados[4];
  var a2 = resultados[5];

  console.log(resultados);
 });
};
<div class="col-6">
            <label for="x1">Posición inicial:</label>
            <input type="text" class="form-control" placeholder="m" id="x1">
            <label for="v1">Velocidad inicial:</label>
            <input type="text" class="form-control" placeholder="m/s" id="v1">
            <label for="a1">Aceleración inicial:</label>
            <input type="text" class="form-control" placeholder="m/s2" id="a1">
            <label for="x2">Posición final:</label>
            <input type="text" class="form-control" placeholder="m" id="x2">
            <label for="v2">Velocidad final:</label>
            <input type="text" class="form-control" placeholder="m/s" id="v2">
            <label for="a2">Aceleración final:</label>
            <input type="text" class="form-control" placeholder="m/s2" id="a2">
        </div>
var time, position, resultados;
var x1,v1,a1,x2,v2,a2; // variables Globales

function obtenerDatos(){
 x1 = document.getElementById("x1").value;
 v1 = document.getElementById("v1").value;
 a1 = document.getElementById("a1").value;
 x2 = document.getElementById("x2").value;
 v2 = document.getElementById("v2").value;
 a2 = document.getElementById("a2").value;

    var r = [x1, x2, v1, v2, a1, a2];
    return r;
}

var input = document.getElementsByTagName("INPUT");

for (i=0; i<input.length; i++) {
 input[i].addEventListener("change",  function(){
  resultados = obtenerDatos();
  console.log(resultados);
 });
};
<div class="col-6">
            <label for="x1">Posición inicial:</label>
            <input type="text" class="form-control" placeholder="m" id="x1">
            <label for="v1">Velocidad inicial:</label>
            <input type="text" class="form-control" placeholder="m/s" id="v1">
            <label for="a1">Aceleración inicial:</label>
            <input type="text" class="form-control" placeholder="m/s2" id="a1">
            <label for="x2">Posición final:</label>
            <input type="text" class="form-control" placeholder="m" id="x2">
            <label for="v2">Velocidad final:</label>
            <input type="text" class="form-control" placeholder="m/s" id="v2">
            <label for="a2">Aceleración final:</label>
            <input type="text" class="form-control" placeholder="m/s2" id="a2">
        </div>
Origen Enlace
fwBasic
  • 2.8k
  • 1
  • 13
  • 24

Tu código esta correcto.

Solo falta manejar el evento onchange en cada input del formulario, esto lo puedes hacer agregando el metodo addEventListener().

partiendo de tu código, aquí te dejo un ejemplo de como hacerlo:

var time, position, resultados;

function obtenerDatos(){
    var x1 = document.getElementById("x1").value;
    var v1 = document.getElementById("v1").value;
    var a1 = document.getElementById("a1").value;
    var x2 = document.getElementById("x2").value;
    var v2 = document.getElementById("v2").value;
    var a2 = document.getElementById("a2").value;

    var r = [x1, x2, v1, v2, a1, a2];
    return r;
}

  var input = document.getElementsByTagName("INPUT");

for (i=0; i<input.length; i++) {
 input[i].addEventListener("change",  function(){
 
  resultados = obtenerDatos();

  var x1 = resultados[0];
  var x2 = resultados[1];
  var v1 = resultados[2];
  var v2 = resultados[3];
  var a1 = resultados[4];
  var a2 = resultados[5];

  console.log(resultados);
 });
};
<div class="col-6">
            <label for="x1">Posición inicial:</label>
            <input type="text" class="form-control" placeholder="m" id="x1">
            <label for="v1">Velocidad inicial:</label>
            <input type="text" class="form-control" placeholder="m/s" id="v1">
            <label for="a1">Aceleración inicial:</label>
            <input type="text" class="form-control" placeholder="m/s2" id="a1">
            <label for="x2">Posición final:</label>
            <input type="text" class="form-control" placeholder="m" id="x2">
            <label for="v2">Velocidad final:</label>
            <input type="text" class="form-control" placeholder="m/s" id="v2">
            <label for="a2">Aceleración final:</label>
            <input type="text" class="form-control" placeholder="m/s2" id="a2">
        </div>

Con respecto a tu segunda pregunta, efectivamente, SI ES POSIBLE, solo debes agregar tus archivos *.js en la pagina de la siguiente manera:

<html>
 <title>mi primera pagina html</title>
 <head>
  <script src="http://localhost/codigo1.js"></script>
  <script src="http://localhost/codigo2.js"></script>
 </head>
 <body>
 ...
 ...
 </body>
</html>

Por último, ten en cuenta que si en ambos código (codigo*.js) se repiten funciones javascript, prevalecerá la última que se cargue.

Espero esto te ayude, Saludos!! ;))...