Jump to content

Recommended Posts

 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>


 

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By AkSOlaris
      Estou, sem sucesso, tentando utilizar a biblioteca crypto js no meu script. Estou precisando usa-lo para gerar um hash que vai num objeto, porém aparentemente devo estar importando de maneira errada, já que a palavra require que eu atribuo a minha constante simplesmente não é reconhecida. Sou iniciante e estou utilizando essa biblioteca para um projeto em blockchain.  Estou usando o vscode e o node, porém depois daqui nao tenho idéia de como proceder, pois ja fiz de tudo que vi em sites e não entendi, tampouco consegui por em pratica.
       
      A linha de código que deveria chamar a biblioteca:
      const SHA256 = require('crypto-js/sha256');  
    • By gramosiri2
      Oi, dei uma procurada em alguns scripts, porém não consegui achar nenhum que faça o que estou precisando, não achei nem no W3School.
      Porém parece ser bem simples, clicar em uma palavra e ela mudar para outra palavra e ao clicar novamente mudar para o formato original. Por exemplo, Palavra1 ao clicar vira Palavra2 e ao clicar em Palavra2 vira Palavra1, nesse loop ai rsrs.
      <a href="#palavra" id="palavra" onclick='document.getElementById("palavra").innerHTML = "Palavra2"'>Palavra1</a> Este exemplo ele só muda uma vez...
    • By fabioamorais
      Ola pessoal, sou novo aqui no fórum e também no mundo da programação. 

      Estou criando um sistema de cadastro de clientes em PHP 7 e mysql
      para meu serviço para fins de organização, tenho ja pronto o sistema de cadastro e edição do cliente, tenho login por usuário e senha.
      preciso colocar nesse sistema uma forma que registre a ação e o usuário que fez a ação quando houver uma alteração no cadastro.
      exemplo;
      O usuario (jose) alterou o status de analise para concluído .
      o usuario (pedro) alterou a localização de mesa para armario.
      e que fosse exibido como um tipo de histórico de eventos no próprio cadastro do cliente.
      e nesse campo se ainda tiver como add cometários.
      Usuario (jose): Precisa entrar em contato com o cliente francisco. 
      Usuario (pedro): cliente foi avisado e está sabendo.
       
      quem souber uma forma de fazer isso, ficaria muito grato.

    • By lamorim1904
      Caros, boa tarde!
       
      Primeiramente me desculpem se estou abrindo tópico repetido ou de maneira errada, procurei aqui no fórum mas talvez a forma que estou procurando ou a minha falta de conhecimento sobre a área não está me permitindo encontrar a solução.
      Não entendo quase NADA de programação e estou realizando um projeto que me cobra um pouco neste sentido, vou tentar explicar:
       
      Estou criando um hotspot inteligente onde o próprio cliente se cadastra, ele preenche um formulário e posterior a isso eu libero a conexão dele.
      O meu problema está depois que ele cria o seu cadastro, as informações vão para meu banco de dados mas nao retornam ao cliente, portanto a conexão não é liberada.
       
      Eu encontrei uma solução mas não estou conseguindo usa-la da maneira que gostaria, após usuário se cadastrar, eu direciono ele para a pagina de login e senha e caso ele digite os dados que ele acabou de preencher, a conexão é liberada. 
       
      Eu gostaria de automatizar esse processo, identificar a variavel X que eu usei para escrever no meu banco de dados e inseri-la no campo de usuario e senha e se possivel submeter a informação para o usuario nem ver essa tela de login e senha. Sabem me dizer se tem como?
       
      Para ficar mais claro, vou postar os codigos;
       
      <NESTE PONTO O CLIENTE JA PREENCHEU O CADASTRO E EU USO AS VARIAVEIS PARA ESCREVER NO MEU BANCO DE DADOS>
      <EU GOSTARIA DE USAR A VARIAVEL $MOBILE COMO USUARIO E SENHA NA PARTE DE JAVA ABAIXO>

      $sql = "INSERT INTO radcheck (UserName, Attribute, op, Value) VALUES ";
      $sql .= "('$MOBILE', 'Cleartext-Password', ':=', '$MOBILE')";
      mysqli_query($strcon,$sql) or die("Erro ao tentar cadastrar registro");

      $sql = "INSERT INTO radreply (UserName, Attribute, op, Value) VALUES ";
      $sql .= "('$MOBILE', 'Mikrotik-Rate-Limit', ':=', '512k/1024k')";
      mysqli_query($strcon,$sql) or die("Erro ao tentar cadastrar registro");
      mysqli_close($strcon);
      echo "Cliente cadastrado com sucesso!";
      ?>
      <html>
      <head><title>...</title></head>
      <body>
      $(if chap-id)
      <noscript>
      <center><b>JavaScript required. Enable JavaScript to continue.</b></center>
      </noscript>
      $(endif)
      <center>If you are not redirected in a few seconds, click 'continue' below<br>
      <form name="redirect" action="http://201.82.110.3/mkloginteste2.php" method="post">
      <input type="hidden" name="mac" value="$(mac)">
      <input type="hidden" name="ip" value="$(ip)">
      <input type="hidden" name="username" value="$MOBILE">
      <input type="hidden" name="link-login" value="$(link-login)">
      <input type="hidden" name="link-orig" value="$(link-orig)">
      <input type="hidden" name="error" value="$(error)">
      <input type="hidden" name="chap-id" value="$(chap-id)">
      <input type="hidden" name="chap-challenge" value="$(chap-challenge)">
      <input type="hidden" name="link-login-only" value="$(link-login-only)">
      <input type="hidden" name="link-orig-esc" value="$(link-orig-esc)">
      <input type="hidden" name="mac-esc" value="$(mac-esc)">
      <input type="submit" value="continue">
      </form>
      <script language="JavaScript">
      <!--
         document.redirect.submit();
      //-->
      </script></center>
      </body>
      </html>
    • By AMBaumruck
      Olá pessoas! Eu estou aprendendo JavaScript. Sou bem iniciante nessa área e preciso de um help. 
      Eu estou tentando desenvolver um código onde a pessoa digita o país de origem dela. Se ela escrever BRASIL, deve aparecer Brasileiro e, se ela digitar qualquer outro país, deve aparecer ESTRANGEIRO.
      O que eu fiz até agora foi isso:
       
      <!DOCTYPE html>
      <html lang="pt-BR">
      <head>
          <meta charset="UTF-8">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <meta http-equiv="X-UA-Compatible" content="ie=edge">
          <title>Nacionalidade</title>
      </head>
      <body>
          <h1>Sistema de Identificação de Nacionalidade.</h1>
          País de origem: <input type="text" name="paísdeorigem" id="paísdeorigem">
          <input type="button" value="Verificar" onclick="Verificar()">
          
          
      </body>
      <script>
          function Verificar(){
              var paísdeorigem = window.document.getElementById('paísdeorigem')
              if(paísdeorigem == "Brasil"){
                  document.write("Você é <strong>BRASILEIRO.</strong>")
                  paísdeorigem.innerHTML
                      if(paísdeorigem!="Brasil"){
                          document.write("Você é <strong>ESTRANGEIRO.</strong>")
                      paísdeorigem.innerHTML
                      }
                  
                  }
              }
      </script>
      </html>
       
      Quem puder me ajudar eu agradeço!! 
      Valeu!!!
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.