Está en la página 1de 4

Ejemplos botón + onclick en java script

<!DOCTYPE html>

<html>

<body>

<h1>ejemplo1</h1>

<button type="button"

onclick="document.getElementById('demo').innerHTML = Date()">

Click para ver hora </button>

<p id="demo"></p>

</body>

</html>

explicación:

AL BOTON SE LE AGREGA EL EVENTO “onclick” =document.getElementById('demo').innerHTML = Date()


Recorro el html buscando x id de elmento (demo) dentro del hmmlt
muestro la fecha con la funcion date() en : <p
id="demo"></p>

<p id="demo"></p>
Esto se puede usar para ejecutar fnciones escritas
EJEMPLO INSERTAR SCRIPT

<html> <html>

<head> <head>

<title> página web sin Javascript</title> <title>Es ta es mi página web con JavaScript

</head> Interno</title>

<body> <script>

"Hola ecuador" alert("buenos días html"); El script va dentro


</body> </script> de estas etiquetas

</html> </head> <script>aquí se


escribe </script>
<body>

"Hola Mundo"

</body>

</html>
EJEMPLO VARIABLES JAVASCRIPT

<html>

<head>

<title>Es ta es mi página web con JavaScript

Interno</title>

<script>

var Dinero= "Tengo 100 dolares";

</script>

</head>

<body>

"Hola Mundo"

</body>

</html>
EJEMPLO funcion JAVASCRIPT

<html> 1.- Declaro variables a y b y les asigno un valor


<head>
<title>Es ta es mi página web con JavaScript 2.- le pongo nombre a la función y le agrego la estructura
Interno</title> (paréntesis y corchetes):
<script>
var a= 2 ; function sumar () { }
var b = 3;
3.- ejecuto una operación creando una variable que va a
function sumar(){
contener el resultado:
total= a+b; Total = a+b;
document.write("el total es:"+total);
} 4.- muestro por pantalla

document.write("el total es:"+total);


</script>
</head>
<body>

<button type="button" Para ejecutar la funcion


onclick="sumar()">
Click para ver suma </button> con el evento onclick del botón se escribe el nombre de
la función declarada

"Hola Mundo"
</body>
</html>

También podría gustarte