Please enable JavaScript.

Coggle requires JavaScript to display documents.

Javascript modulo2 - Coggle Diagram

- - - - window.scrollTo({
        
        top:0,
        
        left:0,
        
        behavior:"smooth"
      - });
      - }
- - - - // ocultar o botão
      - document.querySelector(".scrollbotton").style.display = "none";
      - } else {
        
        // mostrar o botão
        
        document.querySelector(".scrollbotton").style.display = "block"
      - }
      - }
  - - - setInterval(mostrarBotaoScroll, 1000);
- - - - e depois disso todos os botoes que clicarmos seu dados ficaram armazenados, para corrigir isso,
      - faremos o seguinte para as tres divs de cores que influencia a tag que queremos modificar as cores:
      - function verde () {
      - document.querySelector("exemplo").ClassList.remove("azul");
      - document.querySelector("exemplo").ClassList.remove("vermelho");
      - document.querySelector("#exemplo").classList.add("verde");
      - }
      - tudo isso dentro do javascript:
      - tudo isso faremos tbm para a function vermelho () { }
      - e function () { }
- - - - let total = x + y;
      - document.getElementById("funcao").value = total;
  - - - console.log(resultado);
- - - - document.geElementById("titulo").innerHTML = "Alterou o titulo"
      - document.getElementById("campo").value = "Alterou o campo" }
- - - - document.querySelector(".texto").offsetWidth
      - document.querySelector(".texto").offsetHeight
      - o .offsetwidth ou height engloba, o a todo o espaço da div...
    - - document.querySelector(".texto").clientWidth
      - document.querySelector(".texto").clientHeight
      - O client não pega a barra de rolagem de uma div, no exemplo que vimos a div que havia barra de borragem por ter muito texto e esta usando overflow:auto; e dai tinha barra de rolagem.
- - - - function trocar () {
        
        if (
        
        element.querySelector("button").ClassList.contains("preto")) {
        
        element.querySelector("button").ClassList.remove("preto");
        
        element.querySelector("button").ClassList.add("verde");
        
        } else {
        
        element.querySelector("button").ClassList.remove("verde");
        
        element.querySelector("button").ClassList.add("preto");
        
        }
        
        } Resumindo o if, se conter preto, remove o preto, adiciona o ver.
        
        Resumindo o else, caso contrario, remove o verde e adiciona o preto...