Вы находитесь на странице: 1из 16

Horas restantes para finalizar el da

Con este cdigo insertamos un pequeo relojito que indica la cuenta regresiva de las
horas, minutos y segundos que faltan para finalizar el da.
<HTML>
<HEAD>
<TITLE>Reloj Regresivo</TITLE>
</HEAD>
<BODY>
<h2>Horas para acabar el da:</h2>
<FORM NAME="Reloj">
<INPUT TYPE="text" SIZE="7" NAME="tiempo" VALUE="mm:hh:ss" TITLE="Tiempo restante
para finalizar el dia">
<SCRIPT LANGUAGE="JavaScript">
var tiempoAtras;
updateReloj();
function updateReloj()
{
var tiempo = new Date();
var hora = 23-tiempo.getHours();
var minutos = 59-tiempo.getMinutes();
var segundos = 59-tiempo.getSeconds();
tiempoAtras = (hora < 10) ? hora :hora;
tiempoAtras += ((minutos < 10) ? ":0":":") + minutos;
tiempoAtras += ((segundos < 10) ? ":0":":") + segundos;
document.Reloj.tiempo.value = tiempoAtras;
setTimeout("updateReloj()",1000);
}
</SCRIPT>
</FORM>
</BODY>
</HTML>

Caso 9: Generar otro reloj, fecha y hora a intervalos de


un segundo.[editar]
<html>
<head>
<title>Proforma de Computadora</title>
<script>
function relojFecha(){
var mydate=new Date();var year=mydate.getYear();

if (year < 1000)year+=1900;


var day=mydate.getDay();
var month=mydate.getMonth();
var daym=mydate.getDate();
if (daym<10)daym="0"+daym;
var dayarray=new
Array("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sabad
o");
var montharray=new
Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto
",
"Septiembre","Octubre","Noviembre","Diciembre");
var horas = mydate.getHours();
horas = (horas<10)?"0"+horas:horas;
var minutos = mydate.getMinutes();
minutos = (minutos<10)?"0"+minutos:minutos;
var segundos = mydate.getSeconds();
segundos = (segundos<10)?"0"+segundos:segundos;
document.getElementById("idReloj").innerHTML =
"<"+"small><"+"font color='000000' face='Verdana'>"+
dayarray[day]
+" "+daym+" de "+montharray[month]+" de "+
year+"
"+horas+":"+minutos+":"+segundos+"<"+"/font><"+"/small>";
setTimeout('relojFecha()',1000);
}
</script>
</head>
<body onload="relojFecha()">
&lt;p id="idReloj"&gt;&lt;/p&gt;
</body>
</html>

Juego del ahorcado

<HTML>
<HEAD>
<TITLE>Ejemplo de juego</TITLE>
<SCRIPT LANGUAGE=JavaScript>
var hombre = new Array("___\n", " |\n", " O\n", " /", "|", "\\\n", " /", " \\\n", "___")
var palabra
var libreriaPalabras = new Array("m u l t i m e d i a", "i n t e r n a u t a", "s e r v i d o r", "p
r o t o c o l o", "c o r t a f u e g o s",
"n a v e g a d o r", "n o d o", "m a r c o", "p a g i n a", "t e l a r a a",
"d e s c a r g a r", "v i r t u a l", "m e m o r i a", "d i s c o", "l o c a l",
"c o n e c t a r", "d e s c o n e c t a r", "e n c a m i n a d o r", "i n t e r n e t", "d o m i n i o",
"d i n a m i c o", "h i p e r v i n c u l o", "e n l a c e", "m a r c a d o r", "o r d e n a d o r", "l
a p i z", "o f i m a t i c a", "i n f o r m e" )
var partes = 0
var colNueva = 0
var jugando

function ObtienePalabra() {
//obtiene la palabra para jugar de forma pseudoaleatoria
var indice = Math.round ( Math.random() * 27 )
var cadena = new String( libreriaPalabras[indice] )
palabra = cadena.split(" ")
}

function DibujaHombre(visor, partes) {


//dibuja el hombre ahorcado
//partes indica el numero de partes a dibujar
var dibujo = ""
if (partes < 10)
for(var x = 0; x < partes; x++) {
dibujo += hombre[x]
}
visor.displayHombre.value = dibujo
}

function DibujaLetra(visor, letra) {


//dibuja una letra de la palabra

//posicion indica donde debe dibujar la letra


var flag = false
//indica si se encontro la letra
//obtiene cadena actual
var cadena = new String(visor.displayPalabra.value)
//la separa en sus espacios
var letrasCadena = cadena.split(" ")
cadena = ""
for (var x = 0; x < palabra.length; x++) {
if (palabra[x] == letra) {
cadena += letra + " "
flag = true
} else
cadena += letrasCadena[x] + " "
}
visor.displayPalabra.value = cadena
return flag
}

function NuevaLetra(visor, letra) {


//aade letra lista de letras
visor.displayLetras.value += letra + " "
//comprueba si ha de pasar a la siguiente fila
if(colNueva == 3) {
visor.displayLetras.value += "\n"
colNueva = 0
} else
colNueva++
}

function Juega(visor, letra) {


//comprueba si esta jugando
if (jugando) {
//ciclo de jugada
//1. aade letra a la lista
NuevaLetra(visor, letra)
//2. dibuja la letra y comprueba si acierto
var acierto = DibujaLetra(visor, letra)
//3. si no acierto, dibuja hombre
if (!acierto)

DibujaHombre(visor, ++partes)
//4. comprueba si fin
if (partes == 9)
FinJuego(false)
else if (CompruebaPalabra(visor))
FinJuego(true)
} else {
alert('Pulsa Juego nuevo para comenzar\nuna partida nueva.')
}
}
function IniciaJuego(visor) {
//inicializa visor y variables globales
jugando = true
partes = 0
colNueva = 0
ObtienePalabra()
DibujaHombre(visor, partes)
visor.displayPalabra.value = ""
for (var x = 0; x < palabra.length; x++)
visor.displayPalabra.value += "_ "
visor.displayLetras.value = ""
}
function CompruebaPalabra(visor) {
//comprueba si se completo toda la palabra
var fin = true
//obtiene cadena actual
var cadena = new String(visor.displayPalabra.value)
//la separa en sus espacios
var letrasCadena = cadena.split(" ")
for(var x = 0; x < letrasCadena.length; x++)
if (letrasCadena[x] == "_")
fin = false
return fin
}

function FinJuego(resultado) {
//indica que si se ha perdido o ganado
var solucion = ""
jugando = false

if (resultado) {
document.visor.ganadas.value++
alert("Acertaste !")
} else {
document.visor.perdidas.value++
//construye la palabra solucion
for (var x = 0; x < palabra.length; x++)
solucion += palabra[x]
alert("Has muerto !\n La palabra era: " + solucion)
}
}
</SCRIPT>
</HEAD>
<BODY>
<H2>Juego del ahorcado</H2>
<FORM NAME=visor>
<CENTER>
<TABLE width=547>
<TR>
<TD colspan=3 width=150 ALIGN=center><textarea name=displayHombre cols=15
rows=6></textarea>
<TD colspan=3 WIDTH=150 ALIGN=center><textarea name=displayLetras cols=15
rows=6></textarea>
<TD width=200>
<TR>
<TD colspan=6 width=300 ALIGN=center><INPUT NAME=displayPalabra SIZE=42>
<TD ALIGN=center>&nbsp;
<TR>
<td align=center width=50><input type=button name=botA value=" A "
onClick="Juega(this.form, 'a')">
<td align=center width=50><input type=button name=botB value=" B "
onClick="Juega(this.form, 'b')">
<td align=center width=50><input type=button name=botC value=" C "
onClick="Juega(this.form, 'c')">
<td align=center width=50><input type=button name=botD value=" D "
onClick="Juega(this.form, 'd')">
<td align=center width=50><input type=button name=botE value=" E "
onClick="Juega(this.form, 'e')">
<td align=center width=50><input type=button name=botF value=" F "
onClick="Juega(this.form, 'f')">
<td>
<tr>
<td align=center><input type=button name=botG value=" G " onClick="Juega(this.form,

'g')">
<td align=center><input type=button name=botH value=" H " onClick="Juega(this.form,
'h')">
<td align=center><input type=button name=botI value=" I " onClick="Juega(this.form,
'i')">
<td align=center><input type=button name=botJ value=" J " onClick="Juega(this.form,
'j')">
<td align=center><input type=button name=botK value=" K " onClick="Juega(this.form,
'k')">
<td align=center><input type=button name=botL value=" L " onClick="Juega(this.form,
'l')">
<td align=right valign=middle>Ganadas: <input type=text name=ganadas size=4
value=0>
<tr>
<td align=center><input type=button name=botM value=" M " onClick="Juega(this.form,
'm')">
<td align=center><input type=button name=botN value=" N " onClick="Juega(this.form,
'n')">
<td align=center><input type=button name=bot value=" " onClick="Juega(this.form,
'')">
<td align=center><input type=button name=botO value=" O " onClick="Juega(this.form,
'o')">
<td align=center><input type=button name=botP value=" P " onClick="Juega(this.form,
'p')">
<td align=center><input type=button name=botQ value=" Q " onClick="Juega(this.form,
'q')">
<td align=right valign=middle>Perdidas: <input type=text name=perdidas size=4
value=0>
<tr>
<td align=center><input type=button name=botR value=" R " onClick="Juega(this.form,
'r')">
<td align=center><input type=button name=botS value=" S " onClick="Juega(this.form,
's')">
<td align=center><input type=button name=botT value=" T " onClick="Juega(this.form,
't')">
<td align=center><input type=button name=botU value=" U " onClick="Juega(this.form,
'u')">
<td align=center><input type=button name=botV value=" V " onClick="Juega(this.form,
'v')">
<td align=center><input type=button name=botW value=" W " onClick="Juega(this.form,
'w')">
<td>
<tr>
<td align=center><input type=button name=botX value=" X " onClick="Juega(this.form,

'x')">
<td align=center><input type=button name=botY value=" Y " onClick="Juega(this.form,
'y')">
<td align=center><input type=button name=botZ value=" Z " onClick="Juega(this.form,
'z')">
<td colspan=3 align=center><input type=button name=Inicia value=" Juego nuevo "
onClick="IniciaJuego(this.form)">
<td align=center><input type=button value=Limpiar name=B1
onClick="this.form.ganadas.value='0'; this.form.perdidas.value='0'">
</TABLE>
</CENTER>
</FORM>
<hr>
<center>
<h3>
[<a href="javascr.htm">Volver</a>]
</h3>
</center>
</BODY>
</HTML>
Calculadora
<html>
<head><title>Calculadora</title>

<script language="JavaScript">

<!-- Aqui se oculta el script a los visualizadores que no soportan


JavaScript

// keep track of whether we just computed display.value


var computed = false

function pushStack(form)
{

form.stack.value = form.display.value
form.display.value = 0
}

//
// Define a function to add a new character to the display
//
function addChar(input, character)
{
// auto-push the stack if the last value was computed
if(computed) {
pushStack(input.form)
computed = false
}

// make sure input.value is a string


if(input.value == null || input.value == "0")
input.value = character
else
input.value += character
}

function deleteChar(input)
{
input.value = input.value.substring(0, input.value.length - 1)
}

function add(form)
{

form.display.value = parseFloat(form.stack.value)
+ parseFloat(form.display.value)
computed = true
}

function subtract(form)
{
form.display.value = form.stack.value - form.display.value
computed = true
}

function multiply(form)
{
form.display.value = form.stack.value * form.display.value
computed = true
}

function divide(form)
{
var divisor = parseFloat(form.display.value)
if(divisor == 0) {
alert("Don't divide by zero, pal...");
return
}
form.display.value = form.stack.value / divisor
computed = true
}

function changeSign(input)

{
// could use input.value = 0 - input.value, but let's show off substring
if(input.value.substring(0, 1) == "-")
input.value = input.value.substring(1, input.value.length)
else
input.value = "-" + input.value
}

<!-- done hiding from old browsers -->

</script>
</head>

<body bgcolor="00FFFF">

<h1>Calculadora. Ejemplo de Javascript</h1>


Esta calculadora trabaja de una forma un tanto diferente a como es
habitual. Supongamos que quieres sumar dos n&uacute;meros. para ello
entra el primer n&uacute;mero, pulsa ENTER, despu&eacute;s el
segundo n&uacute;mero, y por fin el signo de la operaci&oacute;n que
quieres hacer, en este caso +.

<center>
<form method="post">

<table border="1" align=center>


<tr align="center">
<td colspan = 4>

<table border="0">

<tr>
<td align=right>Stack:</td><td><input name="stack"
value="0"></td>
</tr>
<tr>
<td align=right>Acc:</td><td><input name="display"
value="0"></td>
</tr>
</table>

</td>
</tr>

<tr align=center>
<td>
<input type="button" value=" 7 "
onClick="addChar(this.form.display, '7')">
</td>
<td>
<input type="button" value=" 8 "
onClick="addChar(this.form.display, '8')">
</td>
<td>
<input type="button" value=" 9 "
onClick="addChar(this.form.display, '9')">
</td>
<td>
<input type="button" value=" / "
onClick="divide(this.form)">

</td>
</tr>

<tr align=center>
<td>
<input type="button" value=" 4 "
onClick="addChar(this.form.display, '4')">
</td>
<td>
<input type="button" value=" 5 "
onClick="addChar(this.form.display, '5')">
</td>
<td>
<input type="button" value=" 6 "
onClick="addChar(this.form.display, '6')">
</td>
<td>
<input type="button" value=" * "
onClick="multiply(this.form)">
</td>
</tr>

<tr align=center>
<td>
<input type="button" value=" 1 "
onClick="addChar(this.form.display, '1')">
</td>
<td>
<input type="button" value=" 2 "

onClick="addChar(this.form.display, '2')">
</td>
<td>
<input type="button" value=" 3 "
onClick="addChar(this.form.display, '3')">
</td>
<td>
<input type="button" value=" - "
onClick="subtract(this.form)">
</td>
</tr>

<tr align=center>
<td>
<input type="button" value=" 0 "
onClick="addChar(this.form.display, '0')">
</td>
<td>
<input type="button" value=" . "
onClick="addChar(this.form.display, '.')">
</td>
<td>
<input type="button" value="+/-"
onClick="changeSign(this.form.display)">
</td>
<td>
<input type="button" value=" + "
onClick="add(this.form)">
</td>

</tr>

<tr align=center>
<td colspan="2">
<input type="button" value=" Enter " name="enter"
onClick="pushStack(this.form)">
</td>
<td>
<input type="button" value=" C "
onClick="this.form.display.value = 0 ">
</td>
<td>
<input type="button" value=" <- "
onClick="deleteChar(this.form.display)">
</td>
</tr>

</table>
</form>
</center>

<hr>
<center>
<h3>
[<a href="javascr.htm">Volver</a>]
</h3>
</center>

</body>
</html>