Projeto completo + Exercício 1 e 2
let jogosAlugados = 0;
function quantidadeJogosAlugados (){
console.log (`Total de jogos alugados: ${jogosAlugados}`)
}
function alterarStatus(id){
let jogoSelecionado = document.getElementById(`game-${id}`);
let imagemJogo = jogoSelecionado.querySelector('.dashboard__item__img');
let botao = jogoSelecionado.querySelector('.dashboard__item__button');
let nomeJogo = jogoSelecionado.querySelector('.dashboard__item__name');
if (botao.classList.contains(`dashboard__item__button--return`)) {
if(confirm(`Deseja devolver ${nomeJogo.textContent}?`)) {
botao.classList.remove('dashboard__item__button--return');
imagemJogo.classList.remove('dashboard__item__img--rented');
botao.innerHTML = 'Alugar';
jogosAlugados--;
}
} else {
botao.classList.add('dashboard__item__button--return');
imagemJogo.classList.add('dashboard__item__img--rented');
botao.innerHTML = 'Devolver';
jogosAlugados++;
}
quantidadeJogosAlugados();
}
document.addEventListener('DOMContentLoaded', function() {
jogosAlugados = document.querySelectorAll('.dashboard__item__img--rented').length;
contarEExibirJogosAlugados();
});
Sobre o Exercício 2, eu não entendi muito bem sobre o DOMContentLoaded e documet.AddEventListener, mesmo depois de pesquisar e perguntar ao ChatGPT
Exercício 3:
function verificarPalindromo (palavra) {
let palavraTeste = palavra.split('').reverse().join('');
if (palavra == palavraTeste) {
console.log (`A palavra ${palavra} é um palíndromo!`);
}
else {
console.log (`A palavra ${palavra} não é um palíndromo!`);
}
}
verificarPalindromo();
Exercício 4
function numerosOrdenados(a, b, c) {
let ordem = [a, b, c].sort((x, y) => x - y);
console.log(`A ordem dos números é: ${ordem.join(', ')}`)
}
