main.js 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. const transform = (x,y) => {
  2. let data = document.querySelector(y).innerText;
  3. setTimeout((s)=>{
  4. setTimeout((q)=>{document.querySelector(y).innerText = x},1000)
  5. setTimeout((q)=>{document.querySelector(y).innerText = data},1300)
  6. setTimeout((q)=>{document.querySelector(y).innerText = x},1600)
  7. setTimeout((q)=>{document.querySelector(y).innerText = data},1900)
  8. },1000)
  9. }// Criador do efeito de deslizamento
  10. const go = (elemento) => {// Arrow function levando um parâmetro que será um seletor como o de css
  11. let vivo = document.querySelector(elemento)// Pegará esse seletor e retornará um elemento vivo
  12. history.pushState(elemento,elemento,elemento)
  13. window.scroll({ // Função nativa dos browsers
  14. top: (vivo.offsetTop - (window.innerHeight / 5)), // Captura a quantidade precisa de px do elemento em cada tela diferente fiii
  15. left: 0,// Obrigatório, nao queremos movimentos horizontais
  16. behavior: 'smooth' // Unico efeito, dá a instrução ao browser que ele movaaaa uhuuull caraaai
  17. });// terminouuu fiii, só isso, c n vai precisar exporrtar mais 5000mil instruçoes de dados da porra do jquery
  18. }
  19. const show = (x) => {
  20. // captura o elemento e faz o efeito aberto/fechado
  21. let elem = document.querySelector(x)
  22. if(elem.dataset.status === "f"){
  23. try{
  24. elem.setAttribute("style","display:block;animation-name:in;animation-duration:1s")
  25. elem.dataset.status = "a"
  26. }catch(e){
  27. console.log("Use um navegador mais adequado e atualizado, porfavor")
  28. // reportar erro pelo bot
  29. }
  30. }else{
  31. try{
  32. elem.setAttribute("style","display:none")
  33. elem.dataset.status = "f"
  34. }catch(e){
  35. console.log("Use um navegador mais adequado e atualizado, porfavor")
  36. // reportar erro pelo bot
  37. }
  38. }
  39. }