Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
6
respostas

código não exibe no navegador!

Referente ao curso JavaScript: programando na linguagem da web, no capítulo Eventos, Formulários e Criando Elementos e atividade Escutando eventos

por Geovane Ferreira Santana
| 204.9k xp | 669 posts

código não exibe no navegador! html:

insira seu código aqui<!DOCTYPE html>
<html lang="pt.br">
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="troca-de-turno.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Pinyon+Script&display=swap">
    <title>calculadora inteligente</title>
  </head>
  <body>
    <header>
      <h1>Ensira Seus Dados</h1>
    </header>

    <main>
      <div>
        <form>
          <tbody>
            <table>

                <th>Dia</th>
                <th>Horário</th>
                <td></td>

            </table>
        </tbody>
          <div class="caixa">
            <label for="tati">Tati</label>
            <input type="text" id="tati" required placeholder="horario de chegada">
            <input type="submit"  value="calcular" class="calcular">
          </div>
        </form>
      </div>
      <p>Esses campos são obrigatorios.</p>
    </main>
    <script src="turnos.js"></script>
  </body>
</html>
6 respostas
por Geovane Ferreira Santana
| 204.9k xp | 669 posts

css:

body {
  border: 5px solid pink;
  text-align: center;
  background: pink;
}

h1 {
  text-align: center;
  font-size: 50px;
}
th {
  text-align: center;
  position: relative;
  top: 0px;
  left: 560px;
  font-size: 30px;
  border: 2px solid pink;
  border-radius: 19px;
}
.caixa {
  text-align: center;
  margin: 40px;
}
.calcular {
  text-align: center;
  display: block;
  position: relative;
  top: 0px;
  left: 560px;
  margin: 10px 0

}
label {
  font-size: 25px;
  margin: 10px;
  border: solid pink;
  border-radius: 5px;
  padding: 0 12px;
}
label:hover {
    cursor: pointer

}
input:hover {
  cursor: pointer;
}

.calcular:hover {
    cursor: pointer;


}
input {
  border: solid pink;
  border-radius: 12px;
}
p {
  text-align: center;
  font-size: 30px;
  font-family: 'Pinyon Script', cursive;
}
por Geovane Ferreira Santana
| 204.9k xp | 669 posts

js:

var input = document.querySelector("input");

var chegada = 8
var saida = 21

var calcular = document.querySelector("calcular")


calcular.addEventListener("calcular", mostraMensagem);

function mostraMensagem () {
    alert("ola")
}
mostraMensagem(calcular)
solução!
por Laís Cavalcanti
| 2577.8k xp | 4815 posts
Instrutor

Oi, Geovane, tudo bem?

Pelo que vejo aqui, era para aparecer alguma coisa no seu navegador. Você já verificou se está no navegador referente ao que está abrindo?

por Geovane Ferreira Santana
| 204.9k xp | 669 posts

ja resolvi!

por Gabriel Leite
| 3485k xp | 5398 posts
Instrutor

Opa, Geovane! Como vai?

Que bom que conseguiu resolver a situação. Vc poderia compartilhar conosco a sua solução? Assim mais pessoas poderão encontrar aqui a resposta caso tenham o mesmo problema no futuro.

Grande abraço e bons estudos, meu aluno!

por Geovane Ferreira Santana
| 204.9k xp | 669 posts

na verdade eu nem lembro mais, esse código eu até ja apaguei ele pra começar em um outro, apagar a duvida do forum pra vocês não vir atoa aqui pra me ajudar ,mais não consegui!