Solucio tapes
De wikiserver
HTML
<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">
</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>JAVASCRIPT
var camarero1 = new camarero(0);
var camarero2 = new camarero(0);
var cam="cama1";
function camarero(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;
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;
}
