Casino: diseño

Deberemos construir una página de un casino con los siguientes apartados:
– Página de inicio (index.html)
Puede incluir fotos, slider, lo que queráis. Tiene que resultar atractiva.
– Registro
Típico formulario para darse de alta SIN FUNIONALIDAD

Además de los siguientes juegos:

Slot Machine
Dados
Blackjack
Ruleta

Desde cualquier página deberíamos poder ir a cualquier otra, por lo que no estaría de más tener un menú.

La primera funcionalidad que tenemos que implementar es la siguiente:

Necesitamos poder guardar el saldo del jugador, y para eso utilizaremos una cookie. Nada más entrar en la página comprobaremos si existe la cookie ‘saldo’:
– Si no existe, la creamos con valor de 100
– Si existe, recuperamos el valor y lo asignamos a una variable global saldo.

Para ello no nos vendría mal disponer de algunas funciones para poner/recuperar cookies. Ejemplos:

https://www.w3schools.com/js/js_cookies.asp
o esto:

function setCookie(name,value,days) {
    var expires = "";
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days*24*60*60*1000));
        expires = "; expires=" + date.toUTCString();
    }
    document.cookie = name + "=" + (value || "")  + expires + "; path=/";
}
function getCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}
function eraseCookie(name) {   
    document.cookie = name+'=; Max-Age=-99999999;';  
}

Publicado por

Juan Pablo Fuentes

Formador de programación y bases de datos