lo primero dar las gracias al foro por todas las dudas que he aclarado.
Estoy haciendo un programa sencillo para calcular la eficiencia de un coche e circuito. Mi duda está en que al pedirle los datos al usuario en la función "introducir_valores" , luego no soy capaz de que la otra función "rela_peso_potencia" trabaje con los datos que el usuario ha introducido.
¿Qué estoy haciendo mal?
<html>
<head>
</head>
<script>
// Declaramos la variable "calcular_eficiencia" como variable global
var calcular_eficiencia;
function introducir_valores(peso,potencia,par,cilindrada){
// Solicitamos al usuario los valores de peso y potencia
var peso = document.getElementById('peso').value;
var potencia = document.getElementById('potencia').value;
}
//Declaramos la función que desarrolla la relación peso-potencia
function rela_peso_potencia(resultado) {
//Llamamos a la función en la que guardamos los valores anteriormente
introducir_valores();
// Verificamos que tanto peso como potencia contengan valores
if(peso == "" || potencia == "") {
alert('Hay campos sin rellenar');
return;
}
//Declaramos el resultado que va a tener la función y lo mostramos en el div llamado "content"
resultado = peso/potencia;
document.getElementById("content").innerHTML = resultado;
}
//Creamos esta función para que al darle al botón de "enviar" se muestre el resultado de todas las funciones
function mostrar_funciones(){
rela_peso_potencia();
}
</script>
<body>
<br>
<input type="text" placeholder="Escriba el peso" id="peso" pattern="^-?\d+\.?\d+$">
<input type="text" placeholder="Escriba la potencia" id="potencia" pattern="^-?\d+\.?\d+$">
<button onclick="mostrar_funciones();" id="btn_mostrar"> Enviar </button>
<br>
<br>
<div id="content"></div>
</body>
</html>