javascript Ajuda em javascript

Vinicius Bazan · Julho 22, 2019

Estou tendo um problema em elaborar o meu código com javascript, estou fazendo um teste em html e css simples pra depois elaborar um website, o objetivo aqui é fazer um relógio pelo JS e ter um contador em baixo desse relógio que vai pegar valores a partir de um switch para esse contador funcionar, isso porque se trata de dados sobre tipos de agressões contra as mulheres, então os cases do switch tem o dado em segundos para executar a formula, uma mensagem inicial e uma mensagem final.

O usuário teria dois botões, um de cada lado (nesse caso estou usando 2 div com as ID's #btd e #bte, ao apertar esses botões aumentaria o valor de uma variável em +1 ou -1 e isso faria o switch escolher outro case e trocar os dados do contador, mas os dados não são trocados, mantendo as informações iniciais.

Ao todo tem 4 funções, a função relogio(), contador(), btd() e bte(), sendo que a btd e bte estão dentro da contador()

Estou colocando o codigo dentro do spoiler, se alguém puder me ajudar a achar alguma solução agradeço

OBS: Eu nem sei se pode ter uma function dentro da outra, mas como estou aprendendo JS ainda, imagino que assim como outras estruturas (If, Else, Switch, etc...) possa ser possível colocar uma função dentro da outra.

Spoiler


<!DOCTYPE html>
<html>
<head>
 <title>javascript</title>
 <meta charset="utf-8">
 
 <style type="text/css">
  #relogio {
   font:bold 28pt arial;
   display: inline-block;
   margin: 100px auto;
   padding: 30px;
   background-color: #FFFF00;
   width: 150px;
   border-radius: 6px;
   box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);

  }
  #contador {
   font:bold 28pt arial;
   display: inline-block;
   margin: 100px auto;
   padding: 30px;
   background-color: #FFFF00;
   width: 500px;
   border-radius: 6px;
   box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);

  }
  #btd {
   font:bold 28pt arial;
   display: inline-block;
   margin: 100px auto;
   padding: 30px;
   background-color: #FF0000;
   width: 30px;
   border-radius: 6px;
   box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);

  }
  #bte {
   font:bold 28pt arial;
   display: inline-block;
   margin: 100px auto;
   padding: 30px;
   background-color: #FF0000;
   width: 30px;
   border-radius: 6px;
   box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);

  }

 </style>
</head>
<body onload="relogio()">
<center>
<div id="relogio">
</div>
</center>
<hr>
<center>
<div id="bte" onclick="bte()"></div>
<div id="contador"> </div>
<div id="btd" onclick="btd()"></div>
</center>
<script type="text/javascript">
 
  var data = new Date()
   var horas = data.getHours()
   var minutos = data.getMinutes()
   var segundos = data.getSeconds()
   var nh = Number(horas.value)
   var nm = Number(minutos.value)
   var ns = Number(segundos.value)
   var rel = (((nh*60+nm)*60+ns)-((nh*60+nm)*60+ns%5))/5

  function relogio() {
   var data = new Date()
   var horas = data.getHours()
   var minutos = data.getMinutes()
   var segundos = data.getSeconds()

   if (horas < 10) {
    horas = "0"+horas
   }
   if (minutos < 10) {
    minutos = "0"+minutos
   }
   if (segundos < 10) {
    segundos = "0"+segundos
   }

   document.getElementById("relogio").innerHTML=horas+":"+minutos+":"+segundos
  }
  window.setInterval("relogio();",1000)

  
    var tipo = Number(0)
  function contador() {

    function btd() {
        tipo = tipo+1
        if (tipo >= 12) {
            tipo = Number(0)
        }  
    }
    function bte() {
         tipo = tipo-1
        if (tipo <= -1) {
            tipo = Number(11)
        }
    }

    switch (tipo) {
        case 0:
            sd = Number(2)
            viol = '<p> A cada 2 segundos, uma mulher é vítima de violência física ou verbal </p>'
            viol2 = '<p> mulheres já foram agredidas física ou verbalmente hoje. </p>'
            break;
        case 1:
            sd = Number(2.6)
            viol = '<p> A cada 2,6 segundos, uma mulher é vítima de ofensa verbal </p>'
            viol2 = '<p> mulheres já foram ofendidas verbalmente hoje. </p>'
            break;
        case 2:
            sd = Number(6.3)
            viol = '<p> A cada 6,3 segundos, uma mulher é vítima de ameaça de violência </p>'
            viol2 = '<p> mulheres já foram ameaçadas hoje. </p>'
            break;
        case 3:
            sd = Number(6.9)
            viol = '<p> A cada 6,9 segundos, uma mulher é vítima de perseguição </p>'
            viol2 = '<p> mulheres já foram perseguidas hoje. </p>'
            break;
        case 4:
            sd = Number(7.2)
            viol = '<p> A cada 7,2 segundos, uma mulher é vítima de violência física </p>'
            viol2 = '<p> mulheres já foram agredidas físicamente hoje. </p>'
            break;
        case 5:
            sd = Number(120)
            viol = '<p> A cada 2 minutos, uma mulher é vítima de arma de fogo </p>'
            viol2 = '<p> mulheres já foram atingidas por tiros hoje. </p>'
            break;
        case 6:
            sd = Number(16.6)
            viol = '<p> A cada 16,6 segundos, uma mulher é vítima de ameça com arma de fogo ou faca </p>'
            viol2 = '<p> mulheres já foram ameaçadas por armas de fogo ou facas hoje. </p>'
            break;
        case 7:
            sd = Number(22.5)
            viol = '<p> A cada 22,5 segundos, uma mulher é vítima de espancamento ou tentativa de enforcamento </p>'
            viol2 = '<p> mulheres já foram espancadas ou sofreram tentativa de estrangulamento hoje. </p>'
            break;
        case 8:
            sd = Number(1.4)
            viol = '<p> A cada 1,4 segundos, uma mulher é vitima de assédio </p>'
            viol2 = '<p> mulheres já foram assediadas hoje. </p>'
            break;
        case 9:
            sd = Number(1.5)
            viol = '<p> A cada 1,5 segundos, uma mulher é vítima de assédio na rua </p>'
            viol2 = '<p> mulheres já foram assediadas na rua hoje. </p>'
            break;
        case 10:
            sd = Number(4.6)
            viol = '<p> A cada 4,6 segundos, uma mulher é vítima de assédio no trabalho </p>'
            viol2 = '<p> mulheres já foram assediadas no trabalho hoje. </p>'
            break;
        case 11:
            sd = Number(6.1)
            viol = '<p> A cada 6,1 segundos, uma mulher é vítima de assédio físico no transporte público </p>'
            viol2 = '<p> mulheres já sofreram assédio físico no transporte público hoje. </p>'
            break;
    }

   var data = new Date()
   var horas = data.getHours()
   var minutos = data.getMinutes()
   var segundos = data.getSeconds()
   var nh = Number(horas)
   var nm = Number(minutos)
   var ns = Number(segundos)
   var rel = (((nh*60+nm)*60+ns)-(((nh*60+nm)*60+ns)%sd))/sd
   if (rel < 10) {
     rel = `0000${rel}`
   } 
    else {
    if (rel < 100) {
     rel = `000${rel}`
    }
    else {
    if (rel < 1000) {
     rel = `00${rel}`
    }
    else {
    if (rel < 10000) {
     rel = `0${rel}`
    }
    }
    }
    }
  
    window.document.getElementById('contador').innerHTML = `${viol} <p>${rel}</p> ${viol2}`
  }
  window.setInterval('contador()',0000)
  
 </script>
</body>
</html>

Entrar

Arquivado

javascript Ajuda em javascript

Recommended Posts

Vinicius Bazan 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

PHP+Codeigniter - Dúvida em Relação a Teclas

Conexão mysql com outro domínio

[Resolvido] JavaScript - Exibir logo dentro da Tabela html

Conteúdo Similar

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante