DHTML - Soy noob y tengo un problema

 
Vista:
sin imagen de perfil

Soy noob y tengo un problema

Publicado por Sebas (1 intervención) el 19/01/2018 19:25:11
Buenas, soy bastente noob en esto de programar y esto intentando crear una web sencilla que calcule tu peso en otros planetas en html con javascript para los botones y la introduccion de texto y el problema es que no funciona y no se por que, les dejo el codigo:

Este es el archivo HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html>
<html>
  <head>
    <title>Peso en otros planetas</title>
    <meta charset="utf-8">
  </head>
  <body>
    <h1>Programa que te permitira saber tu peso en otros planetas</h1>
    <script src="marte.js" ></script>
    <p>Oferta limitada a estos marte y jupiter</p>
    <p>Introduzca su peso:</p>
    <input type="text" id="PesoDato" />
    <p>Seleccione un planeta:</p>
      <input type="button" value="Marte" id="Marte" />   <input type="button" value="Jupiter" id="Jupiter" />
 
  </body>
</html>


Y este es el archivo marte.js:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
var peso = document.getElementById("PesoDato");
var BotonMarte = document.getElementById("Marte");
var BotonJupiter = document.getElementById("Jupiter");
BotonMarte.addEventListener("click", FinalMarte);
BotonJupiter.addEventListener("click", FinalJupiter);
var GTierra = "9.8";
var GMarte = "3.7";
var GJupiter = "24.8";
 
 
function FinalMarte(){
var pesoTierra = parseInt(peso.value);
var PesoFinal = (pesoTierra*"3.7")/"9.8";
alert("Su peso en Marte es :"+PesoFinal+ " Kg");
 
}
 
function FinalJupiter(){
var pesoTierra = parseInt(peso.value);
var PesoFinal = (pesoTierra*"24.8")/"9.8";
alert("Su peso en Jupiter es :"+PesoFinal+ " Kg");
}


He estado cambiando muchos parametros y no soy capaz de que funcione, cuando pulsas los botones y introduces los datos no pasa nada

gracias de antemano, seguramente sea un error tonto, pero es que llevo una semana programando y todavia no se mucho, gracias otra vez : )
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de ScriptShow
Val: 16
Ha mantenido su posición en DHTML (en relación al último mes)
Gráfica de DHTML

Soy noob y tengo un problema

Publicado por ScriptShow (24 intervenciones) el 27/01/2019 12:31:00
Saludos Sebas,

no te consideres "noob", sólo es un término "nuevo", que seguramente no te define...

El código que planteas, funciona. Es cuestión de pequeños ajustes: el Script, al estar antes de los botones, las variables no pueden alcanzarlos, contenerlos... Se conocía como "error en tiempo de ejecución". La posición en la estructura HTML es importante.
El evento "onclick" es 100% compatible con todos los navegadores y/o dispositivos. Puedes dejarlo tambén como lo tenías "addEventListener ..."

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
 
<html>
<head>
<title>Peso en otros planetas</title>
<meta charset="utf-8">
</head>
<body>
<h1>Programa que te permitira saber tu peso en otros planetas</h1>
<p>Oferta limitada a estos marte y jupiter</p>
<p>Introduzca su peso:</p>
<input type="text" id="PesoDato" />
<p>Seleccione un planeta:</p>
<input type="button" value="Marte" id="Marte" /> <input type="button" value="Jupiter" id="Jupiter" />
 
<script>
var peso = document.getElementById("PesoDato");
var BotonMarte = document.getElementById("Marte");
var BotonJupiter = document.getElementById("Jupiter");
 
BotonMarte.onclick = FinalMarte;
BotonJupiter.onclick = FinalJupiter;
 
var GTierra = "9.8";
var GMarte = "3.7";
var GJupiter = "24.8";
 
function FinalMarte(){
var pesoTierra = parseInt(peso.value);
var PesoFinal = (pesoTierra*"3.7")/"9.8";
alert("Su peso en Marte es :"+PesoFinal+ " Kg");
}
 
function FinalJupiter(){
var pesoTierra = parseInt(peso.value);
var PesoFinal = (pesoTierra*"24.8")/"9.8";
alert("Su peso en Jupiter es :"+PesoFinal+ " Kg");
}
</script>
</body>
</html>

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar