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!! ;))...