JavaScript - Una función javascript con valores tomados del HTML y mostrarlos en HTML

 
Vista:
Imágen de perfil de Carlos

Una función javascript con valores tomados del HTML y mostrarlos en HTML

Publicado por Carlos (1 intervención) el 26/03/2016 12:12:55
Hola amigos en el día de hoy quiero discutir una situacion que se me presento y he estado creando el código. Este código no me devuelve nada. Me gustaria que me ayudaran con eta situacion cuando puedan es que me gustaria saber que es lo que estoy haciendo mal en este código. Tengo instrucciones especificas de tomar el valor que un usuario coloque en una caja de texto en HTML , de hecho dos valores sumarlos y mostrarlos en un etiqueta de HTML , solo que debo usar javascript para este procedimiento y ademas usar un botón que llame a la función.
Aquí les muestro mu trabajo , espero me puedan ayudar Gracias....

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>
<script type="text/javascript">
 
 
/*
function funcion1() {
var a1=documentElement.ById("alto");
var a2=documentElement.ById("ancho");
var resultado= a1+a2;
mostrar.innerHTML= "resultado";

}*/
 
function funcion_1() {
var caja_1=documentElement.ById("alto");
var caja_2=documentElement.ById("ancho");
var caja_3= 2*(caja_1+caja_2);
caja_3.innerHTML= caja_3;
 
}
 
</script>
 
<title></title>
</head>
<body>
<h1>Parámetro del rectángulo </h1>
 
<h6>caja 1</h6>
<input type="text" name="" id="alto" value="" ><br>
<h6>caja 2</h6>
<input type="text" name="" id="ancho" value=""><br>
<input type="button"  onClick="funcion_1("");">
 
<h6>resultado </h6>
<div id="mostrar"> </div>
 
</body>
</html>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
-1
Responder
Imágen de perfil de xve
Val: 3.162
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Una función javascript con valores tomados del HTML y mostrarlos en HTML

Publicado por xve (2100 intervenciones) el 27/03/2016 11:13:48
Hola Carlos, tenias varios errores en el código... aquí te lo adjunto modificado para que veas donde has fallado

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
<!DOCTYPE html>
<html>
<head>
<script>
	function funcion_1()
	{
		var caja_1=document.getElementById("alto").value;
		var caja_2=document.getElementById("ancho").value;
		var caja_3= 2*(parseInt(caja_1)+parseInt(caja_2));
		document.getElementById("mostrar").innerHTML= caja_3;
	}
</script>
 
<title></title>
</head>
<body>
<h1>Parámetro del rectángulo </h1>
 
<h6>caja 1</h6>
<input type="text" name="" id="alto" value="" ><br>
<h6>caja 2</h6>
<input type="text" name="" id="ancho" value=""><br>
<input type="button"  onClick="funcion_1();">
 
<h6>resultado </h6>
<div id="mostrar"> </div>
 
</body>
</html>
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