¿Como agregar comentarios en mi código?
Hay dos formas, en una línea o en varias, vemos un ejemplo:
function saludar() {
// Muestra un mensaje de saludo
alert (“Hola Mundo!”);
}
function saludar() {
/* Muestra
un mensaje
de saludo */
alert (“Hola Mundo!”);
}
Mediante los comentarios podemos documentar nuestro código explicando porque y que hacen facilitando enormemente su compresión,
Mostrar información en nuestra pagina
Hay varias maneras, ya hemos visto una en particular, el comando alert.
alert (mensaje);
Muestra una ventana en pantalla y espera que pulse OK
prompt(mensaje,valor por defecto);
Muestra un mensaje en pantalla permite modificarlo si se quiere , se puede especificar un valor inicial y espera OK o CANCEL, si respondemos OK devuelve el mismo mensaje que enviamos o el modificado y si seleccionamos CANCEL devuelve NULL
confirm(mensaje);
Muestra un mensaje en pantalla y espera OK o CANCEL, si respondemos OK devuelve TRUE (Verdadero) y si seleccionamos CANCEL devuelve FALSE (Falso).
Otras formas modificando el HTML desde JavaScript:
Document.write(mensaje);
Permite escribir un mensaje pero como si fuera HTML de nuestra pagina, veamos un ejemplo:
<!DOCTYPE html>
<html>
<body>
4 + 2 =
<script>
document.write("6");
</script>
</body>
</html>
document.getElementById( Identificador de la etiqueta html ).innerHTML=Valor o variable;
Permite modificar el html dinámicamente, es decir cuando se ejecuta, no cuando se escribe. Hay que identificar la sección que se va a cambiar, generalmente una etiqueta <p> o un etiqueta <div>, veamos un ejemplo:
<!DOCTYPE html>
<html>
<body>
<p>Haga Click en el boton para ejecutar.</p>
<button onclick="miFuncion()">Pruebalo!</button>
<p id="demo"></p>
<script>
function miFuncion() {
var persona = prompt("Entre su nombre", "Pedro Perez");
document.getElementById("demo").innerHTML =
"Hola " + persona + "! ¿como estas hoy?";
}
</script>
</body>
</html>
También existe el comando console.log, que permite enviar información a la consola del navegador, es muy util cuando se desea buscar un error en nuestro código.
No hay comentarios.:
Publicar un comentario