Академический Документы
Профессиональный Документы
Культура Документы
com/bbcswebdav/pid-531971-dt-content-rid-
6372112_1/courses/22019-5190-036-B/ejemploCartas.html?globalNavigation=false -->
<style>
/*
//*[@id="areaMesa"]
*/
#areaMesa {
background: #057517;
padding:10px;
#areaContrincante {
height:35%;
#areaJugador {
height:35%;
.punteo{
background: #d3f351;
text-align:center;
.areaCartas {
background:#4d76dd;
height:150px;
}
#areaBotones{
background:gray;
height:100px;
.carta {
width:70px;
height:95px;
background:url(http://www.qbasicnews.com/dav/files/cards.png);
background:url(http://www.qbasicnews.com/dav/files/cards.png);
display:inline-block;
.perdio {
color:red;
</style>
<script src="classCarta.js"></script>
<script src="paquete.js"></script>
<script src="mesa.js"></script>
</head>
<body>
<script>
var cuentaJugador=0;
window.onload = function(){
var objCarta = document.getElementById('micarta');
objCarta.onclick = function(){
objCarta.className='carta carta1';
btnDarCarta.onclick=function(){
if(suma>21)
document.getElementById('punteoJugador').innerHTML='PERDIO';
btnDetener.onclick=function(){
do{
if(suma>21)
document.getElementById('punteoContrincante').innerHTML='PERDIO';
}while(suma<21);
btnDarCarta.disabled=true;
btnreload.onclick=function(){
location.reload();
}
}
</script>
<div id="areaMesa">
<div id="areaContrincante">
PUNTEO CONTRINCANTE
</div>
</div>
</div>
<div id="areaJugador">
PUNTEO JUGADOR
</div>
</div>
</div>
</div>
<button id="btnreload">Reload</button>
<button id="btnDetener">Detener</button>
</div>
</body></html>