marquez.juan/clase-10-ejercicios-de-repaso
1
0
Fork 7
Code Issues Pull Requests 4 Projects Releases Wiki Activity

Inicio con ejercicios repaso del primer cuatrimestre #3

Open
maderademarco.sergio wants to merge 8 commits from maderademarco.sergio/clase-10-ejercicios-de-repaso:repaso-primer-cuatrimestre into main
pull from: maderademarco.sergio/clase-10-ejercicios-de-repaso:repaso-primer-cuatrimestre
merge into: marquez.juan:main
Conversation 0 Commits 8 Files Changed 22 +34 -2
2 changed files with 34 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 4b110835c7 - Show all commits

30
ejercicio4/ejercicio4.js
View File

@@ -1 +1,29 @@
// Agregar aquí el código javascript
const restarBtn = document.getElementById('restar');
const sumarBtn = document.getElementById('sumar');
const valorSpan = document.getElementById('valor');
let contador = 0;
const LIMITE_MIN = 0;
const LIMITE_MAX = 10;
function actualizarEstado() {
valorSpan.textContent = contador;
restarBtn.disabled = contador <= LIMITE_MIN;
sumarBtn.disabled = contador >= LIMITE_MAX;
}
restarBtn.addEventListener('click', () => {
if (contador > LIMITE_MIN) {
contador -= 1;
actualizarEstado();
}
});
sumarBtn.addEventListener('click', () => {
if (contador < LIMITE_MAX) {
contador += 1;
actualizarEstado();
}
});
actualizarEstado();

6
ejercicio4/index.html
View File

@@ -2,13 +2,17 @@
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ejercicio 4</title>
<link rel="stylesheet" href="estilo.css">
</head>
<body>
<h1>Ejercicio 4</h1>
<button id="restar">Restar</button>
<button id="sumar">Sumar</button>
<p>Contador: <span id="valor">0</span></p>
<script src="ejercicio4.js"></script>
</body>
</html>