Archivos mensuales: septiembre 2014

Apuntes Javascript básico

Documento HTML básico:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Mi primer proyecto</title>
	</head>
	<body>
		<h1>Primer proyecto de programación</h1>
	</body>
</html>

Las etiquetas “script” siempre van en el “head”

Integrar Javascript en una página Web HTML:

<script type="text/javascript">
	//Muestra una alerta en el navegador
	//El \n es un salto de línea en Javascript
	alert("Alerta:\nHola mundo!");
	//Muestra en texto en el html
	//El <br /> es un salto de línea en HTML
	document.write("Hola mundo!<br /> en HTML");
	//Solicita inserción de texto
	window.prompt("Inserta texto", "AQUÍ");
</script>

Código Javascript externo al HTML:

<script type="text/javascript" src="code.js"></script>

Sigue leyendo Apuntes Javascript básico

Piedra, papel, tijera, lagarto, Spock en Javascript (Básico)

pptls

 “Tijeras cortan papel, papel tapa a piedra, piedra aplasta a lagarto, lagarto envenena a Spock, Spock rompe tijeras, tijeras decapitan lagarto, lagarto devora papel, papel desautoriza a Spock, Spock vaporiza piedra, y, como siempre… piedra aplasta tijeras.”

Archivo piedrapapeltijeralagartospock.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Piedra, Papel, Tijera, Lagarto, Spock</title>
		<script type="text/javascript" src="js/lagarto.js"></script>
	</head>
	<body>
		<h1>Piedra, Papel, Tijera, Lagarto, Spock</h1>
	</body>
</html>

Archivo js/lagarto.js

function aleatorio (minimo, maximo){
	var numero = Math.floor(Math.random() * (maximo - minimo + 1) + minimo);
	return numero;
}

var piedra = 0;
var papel = 1;
var tijera = 2;
var lagarto = 3;
var spock = 4;

var opciones = ["Piedra", "Papel", "Tijera", "Lagarto", "Spock"];

var opcionUsuario;
var opcionMaquina = aleatorio (0,4);

opcionUsuario = prompt ("Elige entre:\n Piedra: 0\n Papel: 1\n Tijera: 2\n Lagarto: 3\n Spock: 4", 0);

alert ("Elegiste " + opciones[opcionUsuario] + "!");

alert ("Javascript eligió " + opciones[opcionMaquina] + "!");

if (opcionUsuario == opcionMaquina)
{
	alert ("Empate!");
}
else if (opcionUsuario == piedra && opcionMaquina == papel
	|| opcionUsuario == piedra && opcionMaquina == spock
	|| opcionUsuario == papel && opcionMaquina == tijera
	|| opcionUsuario == papel && opcionMaquina == lagarto
	|| opcionUsuario == tijera && opcionMaquina == piedra
	|| opcionUsuario == tijera && opcionMaquina == spock
	|| opcionUsuario == lagarto && opcionMaquina == piedra
	|| opcionUsuario == lagarto && opcionMaquina == tijera
	|| opcionUsuario == spock && opcionMaquina == papel
	|| opcionUsuario == spock && opcionMaquina == lagarto)
{
	alert ("Perdiste!");
}
else if (opcionUsuario == piedra && opcionMaquina == tijera
	|| opcionUsuario == piedra && opcionMaquina == lagarto
	|| opcionUsuario == papel && opcionMaquina == piedra
	|| opcionUsuario == papel && opcionMaquina == spock
	|| opcionUsuario == tijera && opcionMaquina == papel
	|| opcionUsuario == tijera && opcionMaquina == lagarto
	|| opcionUsuario == lagarto && opcionMaquina == papel
	|| opcionUsuario == lagarto && opcionMaquina == spock
	|| opcionUsuario == spock && opcionMaquina == piedra
	|| opcionUsuario == spock && opcionMaquina == tijera)
{
	alert ("Ganaste!");
}
else
{
	alert ("La opción no existe!");
}