JavaScript - Problemas con la función

 
Vista:
sin imagen de perfil
Val: 5
Ha aumentado su posición en 3 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Problemas con la función

Publicado por Misio (3 intervenciones) el 03/10/2018 21:46:42
Hola, estoy empezando en esto de la programación y me han pedido algunos ejercicios sencillos, cuando declaro la función y pongo el document.write() para que muestre el resultado si lo muestra pero no debajo de los cuadros de texto que declare sino en una página completamente en blanco. Todo esto desde la posibilidad que me da el editor de código de correr el archivo, pero no en el navegador. Al abrirlo en el navegador y darle click al botón no realiza ninguna acción. No se si me he dado a entender pero aquí les dejo los codigos . html y . js. Espero puedan ayudarme.
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 abZer0x
Val: 477
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Problemas con la función

Publicado por abZer0x (130 intervenciones) el 04/10/2018 00:07:57
Hola, en primer lugar el arhivo Edad.js que adjuntas esta vacío. Con respecto a el problema que tienes es que al realizar un document.wirte, estas sobrescribiendo el contenido del documento html, es decir, se borrará todo el HTML existente.
Si lo que quieres es agregar el resultado del calculo que estas realizando, puedes agregar un elemento html o agregar contenido a uno ya existente. Para realizar esto puedes usar la propiedad innerHTML o si es solo texto puedes usar textContent
Por ejemplo, podemos agregar un párrafo al final del body de esta manera:
1
document.body.innerHTML += "<p>Aquí el texto que quieras...</p>";
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
sin imagen de perfil
Val: 5
Ha aumentado su posición en 3 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Problemas con la función

Publicado por Misio (3 intervenciones) el 04/10/2018 01:26:36
Disculpa por lo del archivo . js. No termino de entender lo que debo hacer, pero gracias de todas formas.

Vuelvo a anexar el archivo
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
Imágen de perfil de abZer0x
Val: 477
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Problemas con la función

Publicado por abZer0x (130 intervenciones) el 04/10/2018 04:34:58
Como te mencionaba en el comentario anterior el cambio que puedes realizar es es el siguiente:
En lugar de:
1
document.write(resultado);
Pudes agregar un párrafo al final del body utilizando la propiedad innerHTML (esto solo en caso de que quieras que el código html sea interpretado como tal) de lo contrario pudes usar la propiedad textContent.
1
2
3
4
5
6
7
8
9
10
11
var año_n = document.getElementById("nacimiento");
var ilusion = document.getElementById("iluso");
var boton = document.getElementById("botoncito");
boton.addEventListener("click", calcClick);
 
function calcClick() {
	var calc1 = parseInt(año_n.value);
	var calc2 = parseInt(ilusion.value);
	var resultado = calc2 - calc1;
	document.body.innerHTML += "<p>" + resultado + "</p>";
};
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
sin imagen de perfil
Val: 5
Ha aumentado su posición en 3 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Problemas con la función

Publicado por Misio (3 intervenciones) el 04/10/2018 04:38:19
Gracias brother, ahora si funcionó perfecto.
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