routaboul.romeo/clase-10-ejercicios-de-repaso
1
0
Fork 0
forked from marquez.juan/clase-10-ejercicios-de-repaso
Code Pull Requests Activity

Solución ejercicio 4

Browse Source
This commit is contained in:
Juanse Marquez
2026-06-01 18:48:38 -03:00
parent 610d2530dd
commit 3016e835c4
2 changed files with 40 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
ejercicio4/ejercicio4.js
View File

@@ -1 +1,35 @@
// Agregar aquí el código javascript const btnSumar = document.querySelector("#sumar");
const btnRestar = document.querySelector("#restar");
function actualizarVista(valor) {
const MIN = 0;
const MAX = 10;
const parrafo = document.querySelector("#contador");
parrafo.textContent = valor;
// Habilitamos o deshabilitamos los botones según el valor actual.
// Cuando disabled es true, el botón no responde a clics.
btnSumar.disabled = valor === MAX;
btnRestar.disabled = valor === MIN;
}
btnSumar.addEventListener("click", () => {
// Obtenermos el valor actual
let valor = parseInt(document.querySelector('#contador').textContent);
// Sumamos 1
valor++;
// y actualizamos la vista
actualizarVista(valor);
});
btnRestar.addEventListener("click", () => {
// Obtenermos el valor actual
let valor = parseInt(document.querySelector('#contador').textContent);
// Restamos 1
valor--;
// y actualizamos la vista
actualizarVista(valor);
});
// Llamamos a actualizarVista al inicio para establecer el estado inicial en 5.
actualizarVista(5);

5
ejercicio4/index.html
View File

@@ -8,6 +8,11 @@
</head> </head>
<body> <body>
<h1>Ejercicio 4</h1> <h1>Ejercicio 4</h1>
<p>
<button id="restar">Restar</button>
<span id="contador">0</span>
<button id="sumar">Sumar</button>
</p>
<script src="ejercicio4.js"></script> <script src="ejercicio4.js"></script>
</body> </body>