Solucio michelin

De wikiserver
Dreceres ràpides: navegació, cerca
var camarero1 = new camarero(0);
var camarero2 = new camarero(0);
var cam="cama1";

function camarero(saldo)           //función constructora donde se almacena el saldo
{
    this.saldo = saldo;

    this.afegirSou = function(saldo)
    {
        this.saldo += saldo;
    }
    
    this.retornSou = function()
    {
        return this.saldo;
    }
}


function calcular(elEvento)
{
    var evento = elEvento || window.event;

   
   // var valor = document.getElementById("cama1").getAttribute('id');

   
    switch (evento.type) {

        case "click":

            if(elEvento.target.id=="tapa0") valor=5;              //solució per a tres tapes
            else if(elEvento.target.id=="tapa1") valor=4;
            else valor=3;
            
            (cam == "cama1") ? camarero1.afegirSou(valor) : camarero2.afegirSou(valor);

            document.getElementById("sou").innerHTML= "VENDES PEP: " +camarero1.retornSou()+"€  -- "+" VENDES JOSEP: "+camarero2.retornSou()+"€ ";
            break;

    }

}


 function camareros(elEvento)
{
    var evento = elEvento || window.event;

    switch (evento.type) {

        case "click":

            (elEvento.target.id=="cama1")?cam="cama1":cam="cama2";

            break;

    }

}


window.onload = function() {


    document.getElementById("tapa0").onclick = calcular;
    document.getElementById("tapa1").onclick = calcular;
    document.getElementById("tapa2").onclick = calcular;
    document.getElementById("cama1").onclick = camareros;
    document.getElementById("cama2").onclick = camareros;

}
<html>
    <head>
      
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script type="text/javascript" src="tapes.js"></script>
        <link rel="stylesheet" type="text/css" href="estilo.css">
    </head>
    <body>
        <div id="izquierda"></div>
        <div id= "centro">
            <img id="tapa0"  src="./images/tapa1.jpg">
            <img id="tapa1"  src="./images/tapa2.jpg">
            <img id="tapa2"  src="./images/tapa3.jpg">
            <img id="tapa3"  src="./images/tapa4.png">
        </div>
        <div id="derecha"> 
            <input id="cama1" type="button" value="CAMBRER 1">
            <input id="cama2" type="button" value="CAMBRER 2">
            <div id="sou">
          
        </div>

        </div>
    </body>
</html>