Diferència entre revisions de la pàgina «Solucio michelin»
De wikiserver
(Es crea la pàgina amb «var camarero1 = new camarero(0); var camarero2 = new camarero(0); var cam="cama1"; function camarero(saldo) { this.saldo = saldo; this.afegirSou = function(sald…».) |
|||
Línia 1: | Línia 1: | ||
+ | <source lang="java"> | ||
var camarero1 = new camarero(0); | var camarero1 = new camarero(0); | ||
var camarero2 = new camarero(0); | var camarero2 = new camarero(0); | ||
Línia 73: | Línia 74: | ||
} | } | ||
+ | </source> | ||
− | + | <source lang="html"> | |
<html> | <html> | ||
<head> | <head> | ||
Línia 101: | Línia 103: | ||
</body> | </body> | ||
</html> | </html> | ||
+ | </source> |
Revisió del 23:08, 10 des 2014
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;
}
<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>