Diferència entre revisions de la pàgina «Solucio michelin»
De wikiserver
Línia 86: | Línia 86: | ||
</head> | </head> | ||
<body> | <body> | ||
− | + | ||
− | + | ||
<img id="tapa0" src="./images/tapa1.jpg"> | <img id="tapa0" src="./images/tapa1.jpg"> | ||
<img id="tapa1" src="./images/tapa2.jpg"> | <img id="tapa1" src="./images/tapa2.jpg"> | ||
<img id="tapa2" src="./images/tapa3.jpg"> | <img id="tapa2" src="./images/tapa3.jpg"> | ||
− | + | ||
− | |||
− | |||
<input id="cama1" type="button" value="CAMBRER 1"> | <input id="cama1" type="button" value="CAMBRER 1"> | ||
<input id="cama2" type="button" value="CAMBRER 2"> | <input id="cama2" type="button" value="CAMBRER 2"> | ||
− | <div id="sou"> | + | <div id="sou"></div> |
− | |||
− | |||
− | |||
− | |||
</body> | </body> | ||
</html> | </html> | ||
</source> | </source> |
Revisió del 23:14, 10 des 2014
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>
<img id="tapa0" src="./images/tapa1.jpg">
<img id="tapa1" src="./images/tapa2.jpg">
<img id="tapa2" src="./images/tapa3.jpg">
<input id="cama1" type="button" value="CAMBRER 1">
<input id="cama2" type="button" value="CAMBRER 2">
<div id="sou"></div>
</body>
</html>