carloshss

Olá, Akahs. Fiz esse código aqui para esse problema. // Pega o elemento para escutar a mudança de valor const translado = document.getElementById('traslado'); // Pega pai do elemento que desejo alterar (poderia ser o proprio elemento tambem) const hotelParentElement = document.getElementById('hotel').parentElement; // Adiciona o ouvinte do tipo "change" translado.addEventListener('change', trasladoElement => { // Verifica se o valor eh "Sim", se for, remove a classe que deixa invisivel // Se nao for "Sim", adiciona a classe novamente if(trasladoElement.target.value === 'Sim') { hotelParentElement.classList.remove('d-none'); } else { hotelParentElement.classList.add('d-none'); } }); Utilizei a própria classe "d-none" do bootstrap para deixar o elemento invisível. DEMO: https://jsfiddle.net/qkz3d8bp/

let imageSources = ['images/sites/site1.png','images/sites/site2.png','images/sites/site3.png','images/sites/site4.png','images/sites/site5.png']; setInterval(() => { let imgs = document.querySelectorAll('img[class^=img-]'); imgs.forEach((img,index) => { if(imageSources[index]) { img.setAttribute('src', imageSources[index]) } }); }, 5000); O querySelectorAll retorna um array com todas as tags img que contém ao menos uma classe iniciada por img- Com esse array posso fazer um forEach e definir como atributo src das imagens selecionadas.

Olá, João. Fiz um script em JS para esse caso: mapCheckbox = [ { checkboxId: '3DS Max', // checkbox que será clicado cells: ['B1', 'C1'], // as células que serão pintadas color: '#00ff55' // a cor das células }, { checkboxId: 'Adobe + Audacity', cells: ['A2', 'B3'], color: '#7ddce4' }, { checkboxId: 'Anaconda Python 5', cells: ['G1', 'H1'], color: '#8e90c0' }, ] // Percorre todos os checkbox com o atributo "name" igual a "checkbox1" // E adiciona um ouvinte de clique em cada um (que executa a ação abaixo quando ocorre o clique) document.querySelectorAll('input[name=checkbox1]').forEach(checkbox => checkbox.addEventListener("click", function(){ // Atribui à variável as opções do checkbox clicado const checkboxOptions = mapCheckbox.find(items => items.checkboxId.trim() === checkbox.id.trim()); // Pega as células que serão pintadas ao clicar neste checkbox const cells = checkboxOptions ? checkboxOptions.cells : null; // Pega todos as tags "td" const tdItems = document.getElementsByTagName('td'); // Percorre todas as tags "td" (células) para verificar se alguma corresponde à célula do checkbox clicado for(let i = 0; i < tdItems.length; i++) { const tdContent = tdItems[i].textContent.trim(); // Pega o texto da célula atual para verificar const cellFound = cells && cells.findIndex(cell => cell === tdContent) > -1; // Verifica se a célula atual está contida no mapCheckbox do checkbox clicado // Se o checkbox está marcado e a célula foi encontrada if(checkbox.checked && cellFound) { // Adiciona a cor predefinida tdItems[i].setAttribute('bgcolor', checkboxOptions.color); } // Se o checkbox não estiver marcado e a célula atual (no loop) está contida no mapCheckbox do checkbox clicado // Remove a cor else if(!checkbox.checked && cellFound ){ tdItems[i].removeAttribute('bgcolor'); } } })); DEMO: https://jsfiddle.net/q9h4Lrjf/ Obs¹: a ação de colorir ficou apenas pelo clique no checkbox que tiver o atributo "name" como "checkbox1". Então, o botão "Verificar Marcados" pode ser removido. Obs²: id no HTML não deve conter espaços https://www.w3schools.com/tags/att_global_id.asp - Na seção "Attribute Values"