Mejoras y optimizaciones en general.
This commit is contained in:
@@ -3,20 +3,34 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Piedra, Papel o Tijera</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Piedra, Papel o Tijera</h1>
|
||||
<div id="scoreboard">
|
||||
<h1 id="title">Piedra, Papel o Tijera</h1>
|
||||
|
||||
<div id="controls">
|
||||
<label for="best-of">Partida:</label>
|
||||
<select id="best-of">
|
||||
<option value="1">A 1 ronda</option>
|
||||
<option value="3" selected>Mejor de 3</option>
|
||||
<option value="5">Mejor de 5</option>
|
||||
<option value="7">Mejor de 7</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div id="scoreboard" aria-live="polite">
|
||||
Tú: <span id="user-score">0</span> |
|
||||
Máquina: <span id="computer-score">0</span>
|
||||
Máquina: <span id="computer-score">0</span> · Ronda: <span id="round">1</span>/<span id="rounds-total">3</span>
|
||||
</div>
|
||||
<div id="choices">
|
||||
<button data-choice="piedra">🪨 Piedra</button>
|
||||
<button data-choice="papel">📄 Papel</button>
|
||||
<button data-choice="tijera">✂️ Tijera</button>
|
||||
|
||||
<div id="choices" role="group" aria-labelledby="title">
|
||||
<button data-choice="piedra" aria-label="Piedra">🪨 Piedra</button>
|
||||
<button data-choice="papel" aria-label="Papel">📄 Papel</button>
|
||||
<button data-choice="tijera" aria-label="Tijera">✂️ Tijera</button>
|
||||
</div>
|
||||
<div id="result"></div>
|
||||
|
||||
<div id="result" aria-live="polite"></div>
|
||||
<button id="reset-btn">Reiniciar</button>
|
||||
<script src="script.js"></script>
|
||||
</body>
|
||||
|
Reference in New Issue
Block a user