Preguntas

Clase 17 de 50 • Curso de Programación Básica 2014

Manuel Ferriz

student•

Aqui esta mi tarea / examen por asi decirlo xD

/*        HTML        */  
<!DOCTYPE html>  
<html>  
    <head>  
        <meta charset="utf-8">  
        <title>DOCUMENT OBJECT MODEL</title>  
        <script type="text/javascript" src="document.js"></script>  
    </head>  
    <body>  
        <h1>Pokemon</h1>  
  
        <h2 id="nombrePokemon">Pokemon de Prueba</h2>  
        <p id="datosPokemon">datos de prueba</p>  
        <img id="imagenPokemon" width="256" height="256" />  
        <script type="text/javascript">  
            inicio();  
        </script>  
    </body>  
</html>  
/*        JS    */  
function Pokemon(n,v,a)  
{  
    this.nombre = n;  
    this.vida = v;  
    this.ataque = a;  
    this.grito = "Pika";  
    this.gritar = function()  
    {  
        alert(this.grito);  
    }  
  
    if (this.nombre == "Charmeleon")  
    {  
        this.imagen = "charmeleon.jpg"  
    }  
    else if (this.nombre == "Pikachu")  
    {  
        this.imagen = "pikachu.jpg";  
    }  
}  
function inicio()  
{  
    var charmeleon = new Pokemon("Charmeleon", 1001, 501);  
    charmeleon.vida = charmeleon.vida - 110;  
    charmeleon.grito = "CHAAAR";  
      
    nombrePokemon.innerText = charmeleon.nombre;  
    datosPokemon.innerText = "La pokemon se llama " + charmeleon.nombre +  
                                "\ntiene una vida de " + charmeleon.vida +  
                                "\nun ataque de " + charmeleon.ataque +   
                                "\ny su grito es " + charmeleon.grito;  
    imagenPokemon.src = charmeleon.imagen;                              
}

Kiara Katrina

student•

hola! En donde declaras la variable pikachu.

José Manuel Cornelio

student•

El tema de las imágenes encontré un poco mas sencillo hacerlo sin condicionales dentro de la misma función inicio() de este modo:

function inicio()  
{  
    imagenPokemon.innerHTML = '<img src="pokedex/'+pikachu.nombre+'.png"/>';  
      
    nombrePokemon.innerHTML = "Nombre: " + pikachu.nombre;  
    datosPokemon.innerHTML = pikachu.nombre + " es un pokemon de tipo " +  
    pikachu.tipo + " con una vida de " + pikachu.vida + " y un ataque de " +  
    pikachu.ataque;  
}

Scarlet

student•

Aquí les dejo mi código del campo minado aleatorio:

//Se declara la función aleatoria  
  
function aleatorio(minimo, maximo) {  
  
    var numero = Math.floor( Math.random() * (maximo - minimo +1) + minimo)  
    return numero;  
}  
  
//Se declara las funciones de resultados  
function explosion(){  
  
    alert("BOOM!!!!");  
    document.write("<h1 align=\"center\">BOOM! ELEGISTE UN CAMPO MINADO<h1>");  
}  
  
function ganaste(){      
  
    alert("YEEEEYYYY");  
    document.write("<h1 align=\"center\">GANASTE<h1>");  
}  
  
  
//Se crea el array asignando un valor aleatorio a cada uno llamando a la función que se creó al principio  
  
var campo = [    [aleatorio(0,1),aleatorio(0,1),aleatorio(0,1)],  
                [aleatorio(0,1),aleatorio(0,1),aleatorio(0,1)],  
                [aleatorio(0,1),aleatorio(0,1),aleatorio(0,1)]  
            ];      
  
var textos = ["Cesped" , "Bomba"];  
  
var x, y;   
  
alert("Estás en un campo minado\nElige una posición entre el 0 y el 2 para X y para Y"); //Se le advierte al usuario que tiene que escoger un rango entre esos números  
  
x = prompt("Elige una posición X del 0 al 2", 0); //Aquí el usuario ingresa el número  
y = prompt("Elige una posicion Y del 0 al 2", 0);  
  
if ( x <=2 && y <=2 ) //Se creó una condicional para verificar que el usuario no haya escogido un número mayor de 2  
    {  
    var posicion = campo[x][y];  
    alert("Elegiste " + textos[posicion] + "\n");  
    if (posicion == 1)   
        {  
        explosion();  
        }  
    else  
        {  
        ganaste();  
        }  
    }  
else       
    {  
    alert("Te saliste del campo");  
    document.write("<h1 align=\"center\">ACTUAIZA CON F5 Y VUELVE A JUGAR :D"); //Este es el mensaje que le saldrá si escogió un número mayor de 2  
    }

Jhonatan Moncada

student•

Campo Minado con Campo Aleatorio.

function aleatorio(minimo, maximo)  
{  
    var numero = Math.floor( Math.random() * (maximo - minimo + 1) + minimo );  
    return numero;  
}  
  
function explosion()  
{  
    alert("BOOOMM!!");  
    document.write("<h1>Elejiste un area minada :( </h1>");  
}  
  
function ganaste()  
{  
    alert("Felicitaciones");  
    document.write("<h1>Ganaste!!!</h1>");  
}  
  
var textos = ["<h2>Cesped</h2>","<h2>Bomba</h2>"];  
  
var x;  
var y;  
  
alert("Estas en un Campo Minado.");  
  
var campo = [ [ 1 , 0 , 0 ],  
              [ 0 , 1 , 0 ],                  
              [ 1 , 1 , 1 ] ];  
  
for(i=0;i<=2;i++)  
{  
    for(j=0;j<=2;j++)  
    {  
        campo[i][j] = aleatorio(0,1);  
        document.write(campo[i][j] + " ");  
    }  
    document.write("<br />");  
}     
  
x = prompt("Elije X : ");  
y = prompt("Elije Y : ");  
  
//1 : Con bomba  0: Sin bomba  
             
  
if(x<=2 && y<=2)  
{  
    var posicion = campo[x][y];  
    document.write(textos[posicion]);  
  
    if(campo[x][y] == 1)  
    {  
        explosion();  
    }  
    else  
    {  
        ganaste();  
    }  
}  
else  
{  
    document.write("<h2>Campo no Definido</h2>");  
}

Diego Armando Contreras Vazquez

student•

ESta bien pero creo que tienes que checar esta linea
var numero = Math.floor(Math.random() * (maximo - minimo ) + minimo );
por que si se elige un numero al azar de 0 y uno sumara 0+1=1 y siempre te mostrara puros 1 1 1 y mas unos

Alejandro Gonzalez Rivera

student•

TAREA DE BOMBAS ALEATORIAS, CON COLORES.SALUDOS

<!doctype html>  
<html>  
<head>  
<meta charset="UTF-8">  
<title>Matriz, Arreglos</title>  
<style>  
table{  
    width:500px;  
    height:500px;}  
  
tr td{  
    cursor:pointer;  
    background-color:blue;}  
  
.rojo{  
    background-color:red;}  
.green{  
    background-color:green;}  
      
  
  
</style>  
  
<script>  
var opc;  
var aleatorio;  
var totalNumeros = [0,1,2,3,4,5,6,7,8];  
var malas = 0;  
var buenas = 0;  
  
window.onload = function(){  
    document.getElementById("otra").style.display = "none";  
    opc = document.getElementsByClassName("opc");  
    //guardando 4 numeros aleatorios en un arreglo  
    for(i=0; i<=3; i++){  
        aleatorio = Math.floor(Math.random()*totalNumeros.length);  
        document.getElementById("opc"+totalNumeros[aleatorio]).setAttribute("data-q","si");  
        totalNumeros.splice(aleatorio,1);  
    }  
  
}  
  
function revisa(este){  
    var clickeado = este.getAttribute("data-q");  
    if(clickeado){  
        este.className = "rojo";  
        malas++;  
        if(malas==4){  
            finalBad();  
            }  
        }else{  
            este.className = "green";  
            buenas++;  
            if(buenas==5){  
                finalOK();  
                }  
            }  
    }  
  
function finalBad(){  
    alert("Perdiste");  
    document.getElementById("otra").style.display = "block";  
    document.getElementById("descripcion").innerHTML = "PERDISTE";  
    paraliza();  
    }  
function finalOK(){  
    alert("GANASTE");  
    document.getElementById("otra").style.display = "block";  
    document.getElementById("descripcion").innerHTML = "GANASTE";  
    paraliza();  
    }  
function paraliza(){  
    for(i=0; i<=opc.length; i++){  
        opc[i].removeAttribute("onclick");  
        opc[i].removeAttribute("opc");  
    }  
    }  
</script>  
</head>  
  
<body>  
<h1>Consigue 5 cuadros verdes, cuidado con los rojos</h1>  
<table border="1">  
    <tr>  
        <td id="opc0" class="opc" data-q="" onClick="revisa(this)"></td>  
        <td id="opc1" class="opc" data-q="" onClick="revisa(this)"></td>  
        <td id="opc2" class="opc" data-q="" onClick="revisa(this)"></td>  
    </tr>  
    <tr>  
        <td id="opc3" class="opc" data-q="" onClick="revisa(this)"></td>  
        <td id="opc4" class="opc" data-q="" onClick="revisa(this)"></td>  
        <td id="opc5" class="opc" data-q="" onClick="revisa(this)"></td>  
    </tr>  
    <tr>  
        <td id="opc6" class="opc" data-q="" onClick="revisa(this)"></td>  
        <td id="opc7" class="opc" data-q="" onClick="revisa(this)"></td>  
        <td id="opc8" class="opc" data-q="" onClick="revisa(this)"></td>  
    </tr>  
</table>  
<input type="button" value="vuelve a jugar" id="otra" onClick="document.location.reload()">  
</body>  
</html>

Heber Herraz Berbel

student•

AMO ESTE CURSO... jajaja yo ya se programar... jajaj si pudiera le doy un hijo a Freddy....xD!

Heidy Paola

student•

Estoy confundida. Cómo se en qué momento tengo que usar una var y en qué momento una function?

Miguel Angel Aquino

student•

usa una var para definir las características o atributos del objeto, estos atributos son aquellos que pueden tener un valor. ejemplo: altura, peso, nombre, apellido, etc. y usas function cuando definas lo que el objeto puede hacer. ejemplos: correr, brincar, comer, cantar, gritar...

espero te sirva.
saludos

Antonio Mendiola Farías

student•

Dejo aquí la tarea del Campo Minado generando minas aleatoriamente.
Primero el HTML:

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>Matrices</title>  
    <script type="text/javascript" src="matriz.js"></script>  
</head>  
<body>  
    <p>Ejemplo de matrices</p>  
</body>  
</html>

Y ahora el código JavaScript:

//función que genera aleatoriamente un 0 ó un 1  
function aleatorio()  
{  
    var numero = Math.round(Math.random());  
    return numero;  
}  
  
function explosion()  
{  
    alert("BOOM!!")  
    document.write("<h1>Boom! Elegiste un área minada :(</h1>");  
}  
  
function ganaste()  
{  
    document.write("Eres un ganador!  :)");  
}  
  
//Matriz de 3x3 con números aleatorios  
var campo = [[aleatorio(),aleatorio(),aleatorio()],  
             [aleatorio(),aleatorio(),aleatorio()],  
             [aleatorio(),aleatorio(),aleatorio()]];  
  
var textos = ["Cesped", "Bomba"];  
var x, y;  
  
alert("Estas en un campo minado\n" +  
      "Elige una posición entre el 0 y el 2 para X y para Y");  
  
x = prompt("Posición en X ?","entre 0 y 2");  
y = prompt("Posición en Y ?","entre 0 y 2");  
  
  
if(x < 3 && y < 3)  
{  
    var posicion = campo[x][y];  
    document.write("Elegiste " + textos[posicion] + "<br/>");  
    if(posicion == 1)  
    {  
        explosion();  
    }  
    else  
    {  
        ganaste();  
    }  
}  
else  
{  
    document.write("¡Te saliste del campo!");  
    explosion();  
}

Saludos!

Raúl Astete

student•

Como haces para ingresar tus ejercicios desde el sublime text? :S Help please

José Antonio Rueda Gutiérrez

student•

Mi campo minado con numero aleatorio

//numero aleatorio  
function numeroAleatorio(minimo, maximo)  
{  
    var numero = Math.floor( Math.random() * (maximo - minimo + 1) + minimo );  
    return numero;  
}  
  
  
//campo minado  
  
campo =  [  [numeroAleatorio(0, 1), numeroAleatorio(0, 1), numeroAleatorio(0, 1)],  
            [numeroAleatorio(0, 1), numeroAleatorio(0, 1), numeroAleatorio(0, 1)],   
            [numeroAleatorio(0, 1), numeroAleatorio(0, 1), numeroAleatorio(0, 1)] ];  
  
  
  
function perdiste(){  
    alert("BOOM !!!!");  
    document.write("<h1> BOOM pisaste una mina!!!!!!! </h1>");  
}  
function ganaste(){  
    document.write(" Eres un ganador ");  
}  
  
  
  
//preguntar opcións de usuario  
  
var posicionX;  
var posicionY;  
  
  
  
posicionX = prompt("Elige una posicion X entre 0 y 2");  
  
  
posicionY = prompt("Elixe unha posicion Y entre 0 y 2");  
  
document.write("posicion X -> " + posicionX + "posicion Y -> " + posicionY );  
  
  
 // document.write("<br />" + texto[posicion]);  
  
//condicion bomba se é 0 ganha e se é calque outro non  
//Primeiro miro se a posición axustase o campo  
//Logo comprobo se pisou a mina ou non   
  
//Con el & individual significa y que la posición X sea menor que 2 y mayor que 0  
//Con el && doble lo que hace es cortar el if si alguno de los primero elementos no cumple  
//la condicion no se comprueban las demas condiciones y se ejecuta el bloque  
  
  
if((posicionX <= 2 && posicionX >=0) && (posicionY <= 2 && posicionY >=0))  
{  
  
    var posicion = campo[posicionX][posicionY];  
    if (posicion == 0){  
    ganaste();  
    }  
    else  
    {  
    perdiste();  
    }  
}  
else  
{  
    document.write(" ¡Te saliste del campo! ");  
    perdiste();  
}

Chuy

student•

Por si les ayuda, este es mi código para el campo minado aleatorio:

function explocion()  
{  
  alert("BOOM!!!");  
  document.write("Explotaste");  
}  
function ganador()  
{  
  document.write("Estas a salvo");  
}  
var campo=[[aleatorio(0,1), aleatorio(0,1), aleatorio(0,1), aleatorio(0,1), aleatorio(0,1), aleatorio(0,1)],  
            [aleatorio(0,1), aleatorio(0,1), aleatorio(0,1), aleatorio(0,1), aleatorio(0,1), aleatorio(0,1)],  
            [aleatorio(0,1), aleatorio(0,1), aleatorio(0,1), aleatorio(0,1), aleatorio(0,1), aleatorio(0,1)],  
            [aleatorio(0,1), aleatorio(0,1), aleatorio(0,1), aleatorio(0,1), aleatorio(0,1), aleatorio(0,1)],  
            [aleatorio(0,1), aleatorio(0,1), aleatorio(0,1), aleatorio(0,1), aleatorio(0,1), aleatorio(0,1)],  
            [aleatorio(0,1), aleatorio(0,1), aleatorio(0,1), aleatorio(0,1), aleatorio(0,1), aleatorio(0,1)],  
            [aleatorio(0,1), aleatorio(0,1), aleatorio(0,1), aleatorio(0,1), aleatorio(0,1), aleatorio(0,1)],]  
function aleatorio(minimo, maximo)  
{  
  var numero = Math.floor( Math.random() * (maximo - minimo + 1) + minimo );  
  return numero;  
}   
var texto = [ "Seguro", "Bomba"];  
var x, y;  
alert("Estas en un campo minado.\nEscoge las coordenadas correctas\n y saldras ileso");  
x = prompt("Ingresa posición de x de 0 a 5");  
y = prompt("Ingresa posición de y de 0 a 6");  
if (x <= 6 && y <= 7)  
{  
  var posicion = campo[x][y];  
  document.write( "Elegiste " + texto[posicion] + "<br />");  
  if (posicion == 1)  
  {  
    explocion();  
  }  
  else  
  {  
    ganador();  
  }  
}  
else  
{  
  document.write("Saliste del campo"+"<br />");  
  explocion();  
}

Alejandro Duran

student•

gracias amigo creo que le tratare de entender

Aldo Juarez Virgen

student•

Checando mi primer código me di cuenta que puse líneas que no usaba y lo optimicé:

JAVASCRIPT

function Pokemon (nomP, vidP, ataP, griP, imaP)
{
        this.nombre = nomP;
		this.vida = vidP;
		this.ataque = ataP; 
	    this.grito = griP;
	    this.imagen = imaP;
	    this.gritar = function()
	    {
	     	alert(this.grito);
	    }
}

   
function inicio()
{
	var pikachu = new Pokemon("Pikachu", 100, 55, "Pikaa!!", "pikachu.jpg"); 
    var heracross = new Pokemon("Heracross", 140, 100, "Heraa!!!", "heracross.png"); 
    var scizor = new Pokemon("Scizor", 120, 90, "Scaii!!", "scizor.png"); 
    var seleccionPokemon = prompt("¿Qué Pokemon elegirá?: \n" + 
    	                           pikachu.nombre + "\n" +
    	                           scizor.nombre + "\n" + 
    	                           heracross.nombre, pikachu.nombre);

	 function mostrarPokemon(nombrePoke)
    {
        if(nombrePoke == "Pikachu" || nombrePoke == "pikachu")
        {
        	//Aquí es textContent porque en algunos ordenadores 
        	//no funcionan ciertas sentencias y lo pongo para recordar en repasos posteriores.
        	nombrePokemon.textContent = pikachu.nombre;
        	datosPokemon.innerText = "Vida: " + pikachu.vida + "\n" + 
        	                         "Ataque: " + pikachu.ataque + "\n" + 
        	                         "Grito: " + pikachu.grito + "\n" + 
        	                         "Imagen: " + pikachu.imagen;
            imagenPokemon.src = pikachu.imagen;
            imagenPokemon.alt = pikachu.imagen;
            pikachu.gritar();
        }
        else if(nombrePoke == "Scizor" || nombrePoke == "scizor")
        {
        	nombrePokemon.innerText = scizor.nombre;
        	datosPokemon.innerText = "Vida: " + scizor.vida + "\n" + 
        	                         "Ataque: " + scizor.ataque + "\n" + 
        	                         "Grito: " + scizor.grito + "\n" + 
        	                         "Imagen: " + scizor.imagen;
            imagenPokemon.src = scizor.imagen;
            imagenPokemon.alt = scizor.imagen;
            scizor.gritar();
        }
        else if(nombrePoke == "Heracross" || nombrePoke == "heracross")
        {
        	nombrePokemon.innerText = heracross.nombre;
        	datosPokemon.innerText = "Vida: " + heracross.vida + "\n" + 
        	                         "Ataque: " + heracross.ataque + "\n" + 
        	                         "Grito: " + heracross.grito + "\n" + 
        	                         "Imagen: " + heracross.imagen;
            imagenPokemon.src = heracross.imagen;
            imagenPokemon.alt = heracross.imagen;
            heracross.gritar();
        }
        else
        {
        	alert("Se equivocó compa");
        }
    }
    mostrarPokemon(seleccionPokemon);

 }```

HTML

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Objetos en JavaScript</title> <script type="text/javascript" src="JSobjetos.js"></script> </head> <body> <center><h1>Objetos en acción</h1> <h2 id="nombrePokemon">Pokemon de prueba</h2> <p id="datosPokemon">Datos de prueba</p> <img id="imagenPokemon" width="256" height="256"> <p>Yeh!!!!</p>

  </center>
  <script type="text/javascript">
  	inicio();
  </script>

</body> </html>```

Carlos Martínez

student•

Aquí mi código de Pokemon, en versión muy sencilla:

//DECLARAMOS EL OBJETO  
function Pokemon(n,v,a,g,img)  
{  
    //atributos  
    this.grito =g;  
    this.nombre =n;  
    this.vida =v;  
    this.ataque =a;  
    this.imagen =img;  
    //metodo  
    this.gritar = function()  
    {  
        alert(this.grito);  
    }  
}  
  
  
function inicio()  
{  
var pikachu = new Pokemon("Pikachu",100,55,"PIKA!!!!","pikachu.png");  
  
pikachu.gritar();  
  
nombrePokemon.innerText = pikachu.nombre;  
datosPokemon.innerText ="Vida: "+pikachu.vida + "\n" + "Ataque: "+pikachu.ataque + "\n";  
imagenPokemon.innerHTML="<img src="+ pikachu.imagen +" width='200px'>";  
  
  
  
}

Victor Daniel Fuentes Gonzalez

student•

//Mi Tarea
//-----------HTML-----------------

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Document Object Model</title> <script type="text/javascript" src="document.js"> </script> </head> <body> <h1>Pokemon</h1>

<h4 id="pikachuNombre">Pokemon de prueba</h4>
<h4 id="pikachuTipo">Pokemon de prueba</h4>
<h4 id="pikachuVida">Pokemon de prueba</h4>
<h4 id="pikachuAtak">Pokemon de prueba</h4>
<h4 id="pikachuGrito">Pokemon de prueba</h4>
<img src="img/pikachu.gif">

<br/>

<h4 id="bulbasaurNombre">Pokemon de prueba</h4>
<h4 id="bulbasaurTipo">Pokemon de prueba</h4>
<h4 id="bulbasaurVida">Pokemon de prueba</h4>
<h4 id="bulbasaurAtak">Pokemon de prueba</h4>
<h4 id="bulbasaurGrito">Pokemon de prueba</h4>
<img src="img/bulbasaur.gif">

<br/>

<h4 id="rattataNombre">Pokemon de prueba</h4>
<h4 id="rattataTipo">Pokemon de prueba</h4>
<h4 id="rattataVida">Pokemon de prueba</h4>
<h4 id="rattataAtak">Pokemon de prueba</h4>
<h4 id="rattataGrito">Pokemon de prueba</h4>
<img src="img/rattata.gif">

<p id="datosPokemon">Datos de prueba</p>

</body> </html>

//--------------JS-------------------
function Pokemon(nNombre,nTipo,nVida,nAtack,nGrito)
{
this.nombre = nNombre;
this.vida = nVida;
this.ataque = nAtack;
this.tipo = nTipo;
this.debilidad = "Chuck Norris";
this.grito = nGrito;
}

function inicio()
{
var pikachu = new Pokemon("Pikachu","Electrico", 100, 55, "Pika");
var bulbasaur = new Pokemon("Bulbasaur","Planta", 100, 55, "Bulbasaur");
var rattata = new Pokemon("Rattata","Raton", 40, 2, "Rattata!");

pikachuNombre.innerText = pikachu.nombre;
pikachuTipo.innerText = pikachu.tipo;
pikachuVida.innerText = pikachu.vida;
pikachuAtak.innerText = pikachu.ataque;
pikachuGrito.innerText = pikachu.grito;

bulbasaurNombre.innerText = bulbasaur.nombre;
bulbasaurTipo.innerText = bulbasaur.tipo;
bulbasaurVida.innerText = bulbasaur.vida;
bulbasaurAtak.innerText = bulbasaur.ataque;
bulbasaurGrito.innerText = bulbasaur.grito;

rattataNombre.innerText = rattata.nombre;
rattataTipo.innerText = rattata.tipo;
rattataVida.innerText = rattata.vida;
rattataAtak.innerText = rattata.ataque;
rattataGrito.innerText = rattata.grito;

}

Santiago Iván Almaraz Segovia

student•

function estructuraPokemon (nombre,vida,tipo,grito,imagen)
{
this.grito = grito;
this.nombre = nombre;
this.vida = vida;
this.tipo = tipo;
this.gritar = function ()
{
alert(this.grito);
}
this.imagen = imagen;
}

function inicio(){
var opcionUsuario;

opcionUsuario = prompt("Elige tu pokemon entre 0 y 4?", 0);

if (opcionUsuario == 0)
{
var Pokemon = new estructuraPokemon("Bulbasaur",100,"Planta","Bulbasoooor","<img src= bulbasor.jpg />");
}
else
{
if (opcionUsuario == 1)
{
var Pokemon = new estructuraPokemon("Charmander",120,"Fuego","Char-Char-Charmander","<img src= charmander.jpg />");
}
else
{
if (opcionUsuario == 2)
{
var Pokemon = new estructuraPokemon("Squirtle",100,"Agua","squietle-squirtle","<img src= squirtle.jpg />");
}
else
{
if (opcionUsuario == 3)
{
var Pokemon = new estructuraPokemon("Pidgey",90,"Volador","Pggieeeeeee","<img src= pidgey.jpg />");
}
else
{
if (opcionUsuario == 4)
{
var Pokemon = new estructuraPokemon("Pikachu",120,"Electrico","Pika-Pika-Pikachu","<img src= pikachu.jpg />");
}
else
{
alert("No has seleccionado ha un pokemon capturado ");
}
}
}
}
}
if (opcionUsuario >= 0 && opcionUsuario <=4)
{
nombrePokemon.textContent = Pokemom.nombre;
datosPokemon.textContent = "Este pokemon tiene una vida: "+ Pokemon.vida + " y es de tipo: " + Pokemon.tipo;
document.write(Pokemon.imagen);
Pokemon.gritar();
}

}

MyChip

student•

No he podido mostrar una imagen, alguien me podría mostrar como debo hacerlo por favor.

Danelia Sanchez

student•

Aquí envío una nueva versión del código de campo minado generado aleatoriamente:

function explosion()  
{  
    alert("BOOM!!");  
    document.write("<h1>BOOM! Elegiste un area minada :(</h1>");  
}  
  
function ganaste()  
{  
    document.write("Eres un ganador :)");  
}  
  
//para generar el campo minado de manera aleatoria  
//1 = Bomba. 0 = No hay bomba  
function aleatorio(minimo, maximo)  
{  
    var numero = Math.floor( Math.random() * (maximo - minimo + 1) + minimo );  
    return numero;  
}  
  
// matriz de 3 x 3 vacío  
var campo = [ [] , [] , [] ];  
  
//se generan los valores de la matriz aleatoriamente  
for(i = 0; i < 3; i++)  
    for(j = 0; j < 3; j++)  
        campo[i][j] = aleatorio(0, 1);  
  
var textos = ["Cesped", "Bomba"];  
  
var x, y;  
  
alert("Estás en un campo minado\n" +  
      "Elije una posición entre el 0 y el 2 para X y para Y");  
  
x = prompt("Posición en X? (entre 0 y 2)");  
y = prompt("Posición en Y? (entre 0 y 2)");  
  
  
if(x <= 2 && y <= 2)  
{  
    var posicion = campo[x][y];  
    document.write("Elegiste " + textos[posicion] + "<br />");  
  
    if(posicion == 1)  
    {  
        explosion();  
    }  
    else  
    {  
        ganaste();  
    }  
}  
else  
{  
  
    document.write("¡Te saliste del campo!");  
    explosion();  
}

Raúl Astete

student•

Muy buena :D Yo lo hice igual

Raúl Astete

student•

Muy buena :D Yo lo hice igual

JosiasBernabe HuariMagino

student•

Le recomiendo que dejara de usar palabras como carajo nos es aceptada bien para ciertos peruanos que le escuchamos

Christian roas

student•

Tarea de campo minado con llenado de la matriz aleatoria mente. Dejo comentarios en el código con respecto a lo que realice. Para comprobar que es correcto los resultados en la consola del navegador escriban CAMPO, luego enter y les aparcera la matriz generada. Saludos

function explocion(){  
    alert("Boom!!");  
    document.write("<h1> Elegiste una zona minada!! </h1>");  
}  
function ganador(){  
    document.write("<h1> Eres un ganador </h1>");  
}  
  
/* Para llenar aleatoriamente un matriz lo primero que se hace  
 es crear una funcion que genere los numeros aleatorios*/  
function numRandom(min, max) {  
  return Math.round(Math.random() * (max - min)) + min;  
}  
/*creamos un array que tenga un tamaño de 3*/  
    var campo = new Array(3);  
for (var i=0; i < campo.length; i++) {//con este for asignaresmos que a cada posicion  
    campo[i]= new Array(3);           //del array CAMPO se le inserte un array nuevo de tamaño 3     
                                      //convirtiandola en una matriz      
    for (j=0; j<3; j++){           //con este segundo for asignamos un numero aleatorio a cada   
        campo[i][j]=numRandom(0,1);//posicion de la matriz CAMPo  
    }  
}  
/*****************************************************************************************************/  
  
var opciones=["Cesped", "Bomba"];  
   
 alert("Estas en un campo minado.\n elige entre   0 y 2 para X y Y respectivamente.");  
 var x=prompt("Elige un valor para el vector X (entre 0 y 2)", 0);  
 var y=prompt("Elige un valor para el vector Y (entre 0 y 2)", 0);  
if (x<3 && y<3) {  
var posicion=campo[x][y];  
var texto= opciones[posicion];  
document.write(texto);  
    if (posicion==0) {  
        alert("Ganastes!!");  
        ganador();  
    }else{  
        explocion();  
    }      
}else{  
    document.write("<h1> Te saliste del campo. \n PERDISTE!!! </h1>");  
    explocion();  
}

Danelia Sanchez

student•

Acabo de modificar el código de pokemon, donde se muestra los datos de un pokemon diferente cada vez que se recarga la página. Aquí el código html:

<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="utf-8" />  
    <title>Document Object Model</title>  
    <script type="text/javascript" src="document.js">  
    </script>  
</head>  
<body>  
    <h1>Pokemon</h1>  
    <img id="Imagen">  
    <h2 id="nombrePokemon">Pokemon de prueba</h2>  
    <p id="datosPokemon">Datos de prueba</p>  
  
    <script type="text/javascript">  
    inicio();  
    </script>  
</body>  
</html>

Y el archivo .js:

function aleatorio(minimo, maximo)  
{  
    var numero = Math.floor( Math.random() * (maximo - minimo + 1) + minimo );  
    return numero;  
}  
  
function Pokemon(n,v,a,g)  
  
{  
    this.grito = g;  
    this.nombre = n;  
    this.vida = v;  
    this.ataque = a;  
    this.gritar = function ()  
    {  
        alert(this.grito);  
    }  
}  
  
// aleatoriamente se muestra el pokemon y sus datos  
function inicio()  
{  
    var opcion = aleatorio(1, 3);  
  
    if(opcion == 1)  
    {  
        var rapidash = new Pokemon("Rapidash", 100, 45, "jum!");  
        rapidash.vida = rapidash.vida - 20;  
        Imagen.src = "http://guidesmedia.ign.com/guides/9846/images/rapidash.gif"  
        nombrePokemon.innerText = "El pokemon se llama " + rapidash.nombre;  
        datosPokemon.innerText = "Tiene una vida de " + rapidash.vida +   
        ", un ataque de " + rapidash.ataque + " y su grito es " + rapidash.grito;  
    }  
    else if(opcion == 2)  
    {  
        var mewtwo = new Pokemon("Mewtwo", 150, 55, "waaaa!!");  
        Imagen.src = "http://cdn.bulbagarden.net/upload/thumb/7/78/150Mewtwo.png/250px-150Mewtwo.png"  
        nombrePokemon.innerText = "El pokemon se llama " + mewtwo.nombre;  
        datosPokemon.innerText = "Tiene una vida de " + mewtwo.vida +   
        ", un ataque de " + mewtwo.ataque + " y su grito es " + mewtwo.grito;  
    }  
    else  
    {  
        var dragonite = new Pokemon("Dragonite", 100, 50, "aaargg!");  
        Imagen.src = "http://spriteresource.technicianpokemon.com/fanart/arkeis/dragonite.png"  
        nombrePokemon.innerText = "El pokemon se llama " + dragonite.nombre;  
        datosPokemon.innerText = "Tiene una vida de " + dragonite.vida +   
        ", un ataque de " + dragonite.ataque + " y su grito es " + dragonite.grito;  
    }      
}

Kevin Bueno

student•

Uso C-Panel porque soy noob y los servidores baratos lo traen.

Allan Gonzalez

student•

HTML

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="style.css"> <title>Prueba javascript</title> </head> <body> <h1>Pokemon</h1> <img id="imagenPokemon" width="256" height="256"/> <h2 id="nombrePokemon">Pokemon de prueba</h2> <p id="datosPokemon">Datos de prueba</p> <script type="text/javascript" src="script.js"></script> </body> </html> JS function Pokemon (n,v,a) { this.grito; this.nombre=n; this.vida=v; this.ataque=a; this.gritar=function(){ alert(this.grito); } if (this.nombre== "Raichu"){ this.imagen = "raichu.png"; } else if (this.nombre == "Pikachu"){ this.imagen="pikachu.png"; } } function pikachu(){ var pikachu = new Pokemon("Pikachu", 80,45); pikachu.grito = "pika!";

nombrePokemon.innerText = "Su nombre Pokemon es " + pikachu.nombre;
datosPokemon.innerText= "Su Vida es de " + pikachu.vida
+"\n" + "Su ataque es de "+ pikachu.ataque +"\n"+"Su grito es "
+pikachu.grito;
imagenPokemon.src=pikachu.imagen;
alert(pikachu.grito);
}
function raichu(){
var raichu = new Pokemon("Raichu", 80,45);
raichu.grito = "raichu";

nombrePokemon.innerText = "Su nombre Pokemon es " + raichu.nombre;
datosPokemon.innerText= "Su Vida es de " + raichu.vida
+"\n" + "Su ataque es de "+ raichu.ataque +"\n"+"Su grito es "
+raichu.grito;
imagenPokemon.src=raichu.imagen;
alert(raichu.grito);
}
var resp = prompt("raichu o pikachu");
if (resp == "raichu"){
alert("raichu");
raichu();
}
else if(resp=="pikachu"){
alert("pikachu");
pikachu();
}

Preguntas

Bienvenido

Aprender a programar es fácil

La Web con Visión Profesional

Aprende sobre Algoritmos

Condicionales y operadores en programación

Qué lenguaje de programación aprender primero

Material del curso / Archivos del curso

Introducción básica a HTML y Javascript para programar

Uso del sistema de vídeo y notas

Lenguajes y compiladores

HTML y Javascript

Variables y funciones

Piedra, papel y tijera con Javascript

Variables, Matrices y Objetos en Javascript

Escribir HTML desde JS (document.write)

Matrices

Juego campo minado

Objetos del navegador

Objetos en JS

Preguntas

Ciclos y Dibujos con Canvas

Ciclos

Dibujos con canvas

Dibujar con eventos

Preguntas y respuestas

Programando juegos con canvas

Tipos de imágenes

Insertar imágenes en canvas

Dibujo de múltiples imágenes en canvas

Dibujar al enemigo y controlar a Diana

Sesión de preguntas y respuestas

Uso de Objetos, Prototype y juego de ahorcado en Canvas

Objetos en JavaScript con Prototype

Creando el juego del Ahorcado

Dibujo de un ahorcado usando Canvas

Sesión de preguntas y respuestas

Cómo crear un algoritmo para el juego del ahorcado

Extendiendo la funcionalidad de los Strings

Creando nuestro algoritmo para el juego del ahorcado

Sesión de preguntas y respuestas

Pregúntale a Freddy lo que quieras ... acerca de programación ;)

Todo lo que siempre quisiste saber sobre este curso y no te atrevías a preguntar - Parte 1

Todo lo que siempre quisiste saber sobre este curso y no te atrevías a preguntar - Parte 2

Conceptos básicos de programación: Frontend-Backend

¿Qué es Frontend y Backend?

Ejemplo de un login usando POST y GET

Ejemplo de un login usando AJAX

Sesión de preguntas y respuestas

Crea tu primer servidor web con Node.JS

Instalación de Node.js

Instalación de librerías de Node con npm

Modelo cliente servidor y seguridad web básica

Servidor web con Express y Node.js

Formulario de login con Node.js

Sesión de preguntas y respuestas

Aprende a volar un dron con Javascript

Introducción a los drones

Bases de Node.js para drones

Vuela un dron con Node.js

Sesión de preguntas y respuestas

Complementos del curso

Publica tu sitio web usando GitHub Pages