https://padlet.com/ffernandoodi18/Bookmarks GRUPO N°3 en-us 2021-04-30 17:23:51 UTC 2025-12-01 10:05:45 UTC hello@padlet.com https://padlet.net/icons/png/1f916.png ffernandoodi18 https://padlet.com/ffernandoodi18/Bookmarks/wish/1479241986 var Elemento, Nombre, Apellido, Edad, long, i, edadfalsa;
edadfalsa = 0;
console.log("Inicializados todos los elementos elementos");
function Enviar()
{
Nombre = document.getElementById("Nombre").value;
Apellido = document.getElementById("Apellido").value;
Edad = document.getElementById("Edad").value;
if (Elememto = "") {
long = Edad.length;
console.log(long)
for (i = 0; i < long; i++) {
console.log(Edad.codePointAt(i))
if ((Edad.codePointAt(i) < 48) || (Edad.codePointAt(i) > 57)) {
console.log(Edad.codePointAt(i))
edadfalsa = 1;
}
}
if (long == 0) {
edadfalsa = 0;
}
if (edadfalsa == 0 && Edad != "" && Apellido != "" && Nombre != "") {
console.log(Nombre + " " + Apellido + " " + Edad + " " + Elemento);
document.getElementById("texto3").innerHTML = "<br> Nombres: " + Nombre + "<br> Apellidos: " + Apellido + "<br> Edad: " + Edad + "<br> Elemento: Sin elegir";
}
else {
if (Edad == "") {
document.getElementById("texto3").innerHTML = "<br> La edad no puede ser un texto vacío";
document.getElementById("Edad").focus;
}
else {
if (edadfalsa == 1) {
document.getElementById("texto3").innerHTML = "<br> La edad no puede ser un caracter no numérico";
document.getElementById("Edad").focus;
}
else {
if (Nombre == "") {
document.getElementById("texto3").innerHTML = "<br> El nombre no debe ser un texto vacío";
document.getElementById("Nombre").focus;
}
else {
if (Apellido == "") {
document.getElementById("texto3").innerHTML = "<br> El Apellido no debe ser un texto vacío";
document.getElementById("Apellido").focus;
}
else {
document.getElementById("texto3").innerHTML = "<br> Ha ocurrido un error en el código";
}
}
}
}
}
}
else {
long = Edad.length;
console.log(long)
for (i = 0; i < long; i++) {
if ((Edad.codePointAt(i) < 48) || (Edad.codePointAt(i) > 57)) {
console.log(Edad.codePointAt(i))
edadfalsa = 1;
}
}
if (long == 0) {
edadfalsa = 0;
}
if (edadfalsa == 0 && Edad != "" && Apellido != "" && Nombre != "") {
console.log(Nombre + " " + Apellido + " " + Edad + " " + Elemento);
document.getElementById("texto3").innerHTML = "<br> Nombres: " + Nombre + "<br> Apellidos: " + Apellido + "<br> Edad: " + Edad + "<br> Elemento: " + Elemento;
}
else
{
if (Edad == "") {
document.getElementById("texto3").innerHTML = "<br> La edad no puede ser un texto vacío";
document.getElementById("Edad").focus;
}
else {
if (edadfalsa == 1) {
document.getElementById("texto3").innerHTML = "<br> La edad no puede ser un caracter no numérico";
document.getElementById("Edad").focus;
}
else
{
if (Nombre == "") {
document.getElementById("texto3").innerHTML = "<br> El nombre no debe ser un texto vacío";
document.getElementById("Nombre").focus;
}
else
{
if (Apellido == "") {
document.getElementById("texto3").innerHTML = "<br> El Apellido no debe ser un texto vacío";
document.getElementById("Apellido").focus;
}
else
{
document.getElementById("texto3").innerHTML = "<br> Ha ocurrido un error en el código";
}
}
}
}
}
}
}
function Fuego() {
Elemento = "Fuego";
document.getElementById('Imagen').src = 'a.png';
document.getElementById('fondo').style.backgroundColor = '#FF6600';
document.getElementById('texto').style.color = '#FFFE01';
document.getElementById('texto2').style.color = '#FFFE01';
document.getElementById('texto').innerHTML = "Clase Fuego";
document.getElementById("texto2").innerHTML = "La clase fuego puede quemar todo a su alrededor";
}
function Agua() {
Elemento = "Agua";
document.getElementById('Imagen').src = 'b.png';
document.getElementById('fondo').style.backgroundColor = '#2BFFFF';
document.getElementById('texto').style.color = '#164676';
document.getElementById('texto2').style.color = '#164676';
document.getElementById('texto').innerHTML = "Clase Agua";
document.getElementById("texto2").innerHTML = "La clase agua puede causar inundaciones";
}
function Planta() {
Elemento = "Planta";
document.getElementById('Imagen').src = 'c.png';
document.getElementById('fondo').style.backgroundColor = '#FBC5E5';
document.getElementById('texto').style.color = '#744A3A';
document.getElementById('texto2').style.color = '#744A3A';
document.getElementById('texto').innerHTML = "Clase Planta";
document.getElementById("texto2").innerHTML = "La clase planta puede hacer crecer la vegetación";
}
function Piedra() {
Elemento = "Piedra";
document.getElementById('Imagen').src = 'd.png';
document.getElementById('fondo').style.backgroundColor = '#666666';
document.getElementById('texto').style.color = '#BBBBBB';
document.getElementById('texto2').style.color = '#BBBBBB';
document.getElementById('texto').innerHTML = "Clase Piedra";
document.getElementById("texto2").innerHTML = "La clase piedra puede modificar el entorno (Terraformación)";
}
function Viento() {
Elemento = "Viento";
document.getElementById('Imagen').src = 'e.png';
document.getElementById('fondo').style.backgroundColor = '#E0FFFF';
document.getElementById('texto').style.color = '#5391C7';
document.getElementById('texto2').style.color = '#5391C7';
document.getElementById('texto').innerHTML = "Clase Viento";
document.getElementById("texto2").innerHTML = "La clase viento puede crear ráfagas de aire y huracanes";
}
function Luz() {
Elemento = "Luz";
document.getElementById('Imagen').src = 'f.png';
document.getElementById('fondo').style.backgroundColor = '#FFFFFF';
document.getElementById('texto').style.color = '#FFFF22';
document.getElementById('texto2').style.color = '#FFFF22';
document.getElementById('texto').innerHTML = "Clase Luz";
document.getElementById("texto2").innerHTML = "La clase luz puede crear brillantes destellos";
}
function Oscuridad() {
Elemento = "Oscuridad";
document.getElementById('Imagen').src = 'g.png';
document.getElementById('fondo').style.backgroundColor = '#333333';
document.getElementById('texto').style.color = '#999999';
document.getElementById('texto2').style.color = '#999999';
document.getElementById('texto').innerHTML = "Clase Oscuridad";
document.getElementById("texto2").innerHTML = "La clase oscuridad puede crear tinieblas";
}]]> 2021-04-30 17:25:20 UTC https://padlet.com/ffernandoodi18/Bookmarks/wish/1479241986 ffernandoodi18 https://padlet.com/ffernandoodi18/Bookmarks/wish/1479243472 var Operando1, Operando2, Resultado;
numerofalso = 0;
console.log("Inicializados todos los elementos elementos");
function Enviarelementos() {
Operando1 = document.getElementById("Operando1").value;
Operando2 = document.getElementById("Operando2").value;
}
function suma() {
Resultado = Number(Operando1) + Number(Operando2);
document.getElementById("texto3").innerHTML = Resultado;
}
function resta() {
Resultado = Number(Operando1) - Number(Operando2);
document.getElementById("texto3").innerHTML = Resultado;
}
function multiplicacion() {
Resultado = Number(Operando1) * Number(Operando2);
document.getElementById("texto3").innerHTML = Resultado;
}
function division() {
Resultado = Number(Operando1) / Number(Operando2);
document.getElementById("texto3").innerHTML = Resultado;
}
function potencia() {
Resultado = Math.pow(Number(Operando1), Number(Operando2));
document.getElementById("texto3").innerHTML = Resultado;
}
function raizx() {
Resultado = Math.sqrt(Number(Operando1))
document.getElementById("texto3").innerHTML = Resultado;
}
function raizy() {
Resultado = Math.sqrt(Number(Operando2))
document.getElementById("texto3").innerHTML = Resultado;
}]]> 2021-04-30 17:25:40 UTC https://padlet.com/ffernandoodi18/Bookmarks/wish/1479243472 https://padlet.com/ffernandoodi18/Bookmarks/wish/1480315486 document.addEventListener('keydown', function(evento){
    if (evento.keyCode == 32){
        if (nivel.muerto == false) {
            saltar();
        }
        else if (nivel.muerto == true) {
            nivel.muerto = false;
            cactus.x = ancho + 100;
            nube.x = ancho + 100;
            nivel.puntuacion = 0;
        }
    }
});
var a = { a: 1, max: 16}
var ancho = 700, alto = 300;
var canvas, ctx;
var imgRex, imgNube, imgCactus, imgSuelo, imgReiniciar;
var FPS = 60;
var suelo = 200;
var trex = { y: suelo, velocidadvertical: 0, gravedad: 2, salto: 28, velocidadverticalmaxima: 9, saltando: false}
var nivel = { velocidad: 9, puntuacion: 0, muerto: false }
var cactus = { x: ancho + 100, y: suelo}
var nube = { x: 400, y: 100 }
var piso = { x: 0, y: suelo }

function inicializar() {
    imgRex = new Image();
    imgNube = new Image();
    imgCactus = new Image();
    imgSuelo = new Image();
    imgReiniciar = new Image();
    imgRex.src = 'img/Dinosaurio_a.png'
    imgNube.src = 'img/Nube.png'
    imgCactus.src = 'img/Cactus.png'
    imgSuelo.src = 'img/Suelo.png'
    imgReiniciar.src = 'img/Reiniciar.png'
    canvas = document.getElementById('canvas');
    ctx = canvas.getContext('2d');
    setInterval(function () {
        principal();
        puntuacion();
    }, 1000 / FPS);
}
function borraCanvas(){
    canvas.width = ancho;
    canvas.height = alto;
}
//-----------------------------------------------------------------------------
function principal() {
    if (nivel.muerto == false) {
        actualizarimagen();
        borraCanvas();
        gravedad();
        logcactus();
        logPiso();
        lognube();
        dibujar();
        colision();
        var value1;
        value1 = document.getElementById('Velocidad').value;
        value1 = Number(value1);
        if (value1 > 0)
            nivel.velocidad = value1;
        else if (value1 < 0)
            nivel.velocidad = -value1;
        else if (value1 == 0)
            nivel.velocidad = 10;
    }
}
function actualizarimagen() {
    a.a = a.a + 1;
    if (a.a > a.max) {
        nivel.puntuacion += nivel.velocidad/10;
        imgRex.src = 'img/Dinosaurio_b.png';
        a.a = 1
    }
    else if (a.a < a.max && a.a > (a.max / 2)) {
        imgRex.src = 'img/Dinosaurio_a.png';
    }
    else {
        imgRex.src = 'img/Dinosaurio_b.png';
    }
}
function dibujar() {
    ctx.drawImage(imgNube, 0, 0, 82, 31, nube.x, nube.y, 102, 41)
    ctx.drawImage(imgCactus, 0, 0, 50, 50, cactus.x, cactus.y, 50, 50)
    ctx.drawImage(imgRex, 0, 0, 32, 32, 100, trex.y + 3, 50, 50)
    ctx.drawImage(imgSuelo, piso.x, 0, 700, 30, 0, piso.y + 32, 700, 30)
}
function lognube() {
    if (nube.x < -100) {
        nube.x = ancho + 100;
        nube.y = Math.round(Math.random() * (70) + 40);
    }
    else {
        nube.x -= (nivel.velocidad/5);
    }
}
function logcactus() {
    if (cactus.x < -100) {
        cactus.x = ancho + 100;
        nivel.puntuacion += 10;
    }
    else {
        cactus.x -= nivel.velocidad;
    }
}
function logPiso() {
    if (piso.x > 700) {
        piso.x = 0;
    }
    else {
        piso.x += nivel.velocidad;
    }
}
function saltar() {
    if (trex.y == suelo) {
        trex.saltando = true;
        trex.velocidadvertical = trex.salto;
    }
}
function gravedad() {
    if (trex.saltando == true) {
        if (trex.y - trex.velocidadvertical - trex.gravedad > suelo) { 
            trex.saltando = false;
            trex.velocidadvertical = 0;
            trex.y = suelo;
        }
        else {
            trex.velocidadvertical -= trex.gravedad;
            trex.y -= trex.velocidadvertical;
        }
    }
}
function colision(){
    if (cactus.x >= 80 && cactus.x <= 136) {
        if (trex.y >= suelo - 30) {
            nivel.muerto = true;
        }
    }
}
function puntuacion() {
    ctx.font = "20px SAO UI";
    ctx.fillStyle = '#6666666';
    ctx.fillText("puntuacion: " + nivel.puntuacion, ancho-150, 50);
    if (nivel.muerto == true) {
        imgGame = new Image();
        imgGame.src = 'img/GameOver.png'
        borraCanvas();
        ctx.drawImage(imgNube, 0, 0, 82, 31, nube.x, nube.y, 102, 41)
        ctx.drawImage(imgCactus, 0, 0, 50, 50, cactus.x, cactus.y, 50, 50)
        ctx.drawImage(imgRex, 0, 0, 32, 32, 100, trex.y + 3, 50, 50)
        ctx.drawImage(imgSuelo, piso.x, 0, 700, 30, 0, piso.y + 32, 700, 30)
        ctx.drawImage(imgGame, 0, 0, 400, 60, (ancho - 400) / 2, (alto - 60) / 2, 400, 60)
        
    }
}]]> 2021-05-01 01:09:24 UTC https://padlet.com/ffernandoodi18/Bookmarks/wish/1480315486