# **FRONT-END: AULA 13-14 - 13/08/2020**

###### tags: `Frontend` `Cubos Academy`

### **Exercícios para classe - Aula 13 e 14 (13/08)**

**1ª Questão**
a)

alert("Olá, mundo!")

b)

const nome = prompt("Qual o seu nome?");

alert("Olá, " + nome);

c)

const jaVisitou = confirm("Você já visitou este site antes?");

if (!jaVisitou) {
  const nome = prompt("Qual o seu nome?");
  alert("Olá, " + nome);
}

**2ª Questão**
a)

document.querySelector("h1");

b)

document.querySelectorAll(".secao");

c)

const button = document.querySelector("button");

button.addEventListener("click", () => {
  alert("Olá, mundo!");
});

d)

document.querySelectorAll("ul > li")

**3ªQuestão**

const button = document.querySelector("button");

button.addEventListener("click", () => {
    alert("Olá, mundo!")
});

**4ª Questão**

const button = document.querySelector("button");
const spoiler = document.querySelector(".spoiler");

button.addEventListener("click", () => {
    const estaOculto = spoiler.hasAttribute("hidden");

    if (estaOculto) {
        spoiler.removeAttribute("hidden");
    } else {
        spoiler.setAttribute("hidden", "");
    }
});

const button = document.querySelector("button");
const spoiler = document.querySelector(".spoiler");
const input = document.querySelector("input");

button.addEventListener("click", () => {
    spoiler.toggleAttribute("hidden")
    alert(input.getAttribute("type"))
});

**5ª Questão**

const button = document.querySelector("button");
const compras = document.querySelector(".compras");

button.addEventListener("click", () => {
    if (compras.classList.contains("riscado")) {
        compras.classList.remove("riscado")
    } else {
        compras.classList.add("riscado");
    }
})


const button = document.querySelector("button");
const compras = document.querySelector(".compras");

button.addEventListener("click", () => {
    compras.classList.toggle("riscado");
})

**6ª Questão**

const button = document.querySelector("button");
const compras = document.querySelector(".compras");

button.addEventListener("click", () => {
    if (compras.style["text-decoration"] = "line-through") {
        compras.style["text-decoration"] = "";
    } else {
        compras.style["text-decoration"] = "line-through";
    }
})

**7ª Questão**

let contagem = 0

const button = document.querySelector("button");
const compras = document.querySelector(".contador");

button.addEventListener()("click", () => {
    contagem += 1;
    if (contagem % 2 === 0) {
        contador.innerHTML = "<b>" + contagem + "<b>"
    } else {
        contador.innerText = contagem;
    }




    contador.innerText = contagem;
})

## **Casa**

**1ª Questão**

const nome = prompt("Qual é o seu nome?")

alert("Muito prazer em te conhecer " + nome);

**2ª Questão**

const nome = prompt("Qual é o seu nome?")

alert("Muito prazer em te conhecer " + nome)

const aceitaBebida = confirm(nome + ", aceita uma bebida?");

**3ª Questão**

const font = document.querySelector(".font")
const aumentar = document.querySelector(".aumentar");
const diminuir = document.querySelector(".diminuir");
let fonte = 18

aumentar.addEventListener("click", () => {
    fonte++;
    font.style["font-size"] = fonte + "px";
});

diminuir.addEventListener("click", () => {
    fonte--;
    font.style["font-size"] = fonte + "px";
});