forked from marquez.juan/clase-9-eventos
35 lines
885 B
JavaScript
35 lines
885 B
JavaScript
// Agregar acá el código javascript para los ejercicios
|
|
|
|
// Ejercicio 1
|
|
|
|
const clickCounter = document.getElementById('clickCounter');
|
|
const clickButton = document.getElementById('clickButton');
|
|
|
|
let count = 0;
|
|
|
|
clickButton.addEventListener('click', () => {
|
|
count++;
|
|
clickCounter.textContent = count;
|
|
});
|
|
|
|
// Ejercicio 2
|
|
|
|
const textInput = document.getElementById('textInput');
|
|
const charCount = document.getElementById('charCount');
|
|
|
|
textInput.addEventListener('input', () => {
|
|
charCount.textContent = textInput.value.length;
|
|
});
|
|
|
|
// Ejercicio 3
|
|
|
|
const itemList = document.getElementById('itemList');
|
|
|
|
itemList.addEventListener('click', (event) => {
|
|
if (event.target.tagName === 'LI') {
|
|
const items = itemList.querySelectorAll('li');
|
|
items.forEach(item => item.classList.remove('selected'));
|
|
event.target.classList.add('selected');
|
|
}
|
|
});
|