JS AULA 10

Home › Fóruns › JavaScript › JS AULA 10

Marcado: 

Visualizando 3 respostas da discussão
  • Autor
    Posts
    • 18 de maio de 2022 às 10:19 #93792
      publio caio pires bispo rodrigues
      Participante

      fiz um teste aqui só que pelo inspector não da pra saber aonde está o erro.
      já alterei varias vezes o jeito que aparece no resultado é :
      Ola Aluno [object HTMLInputElement] você tem a idade de [object HTMLInputElement] do sexo [object HTMLInputElement] tirou nota 1: 7 e nota 2: 9.5 sua media final é 8.25

      pensei que se eu colocar outras var xx = String(al.value) iria funcionar mais não foi.
      alguem sabe me dizer aonde está os erros?
      tentei com queryselector tb etc…

      <!DOCTYPE html>
      <html lang=”pt-BR”>
      <head>
      <meta charset=”UTF-8″>
      <meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
      <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
      <title>Aluno e media </title>
      <style>
      body{
      background-color: black;
      color: white;
      }
      #aluno{
      font: normal 18px Arial;

      }
      #idade{
      font: normal 18px Arial;
      }
      #sexo{
      font: normal 18px Arial;
      }
      #sexo1{
      font: normal Arial;
      width: 30px;
      }
      #notas{
      font: normal 18px Arial;
      }
      #media{
      font: normal 18px Arial;

      }
      </style>
      </head>
      <body>

      <h1>ALUNO E MEDIA DA ESCOLA</h1>

      <div id=”aluno”>
      Nome do Aluno:
      <input type=”text” name=”aluno1″ id=”aluno1″>
      </div>
      <div id=”idade”>
      Idade do Aluno:
      <input type=”text” name=”idade1″ id=”idade1″>
      </div>
      <div id=”sexo”>
      Sexo [M] [F]:
      <input type=”text” name=”sexo1″ id=”sexo1″>

      </div>
      <div id=”notas”>
      Nota 1:
      <input type=”number” name=”nota1″ id=”nota1″>
      Nota 2:
      <input type=”number” name=”nota2″ id=”nota2″>

      </div>
      <input type=”button” value=”Media” onclick=”media()”>
      <div id=”res”>
      Resultado
      </div>

      <script>
      function media(){
      var al = window.document.getElementById(‘aluno1’)
      var ide = window.document.getElementById(‘idade1’)
      var sx = window.document.getElementById(‘sexo1’)
      var not1 = window.document.getElementById(‘nota1’)
      var not2 = window.document.getElementById(‘nota2’)

      var n1 = Number(not1.value)
      var n2 = Number(not2.value)
      var me1 = (n1 + n2) / 2

      res.innerHTML = Ola Aluno ${al} você tem a idade de ${ide} do sexo ${sx} tirou nota 1: ${n1} e nota 2: ${n2} sua media final é ${me1}

      }

      </script>
      </body>
      </html>

    • 18 de maio de 2022 às 11:57 #93803
      IcaroFilho
      Moderador

      Bom dia. falou você pegar os valores com .value dos inputs tipo text

      
var al = window.document.getElementById("aluno1").value
var ide = window.document.getElementById("idade1").value
var sx = window.document.getElementById("sexo1").value

      isto pq você já esta pegando os valores separadamente nos tipo number com:

      
var n1 = Number(not1.value);
var n2 = Number(not2.value);
    • 7 de junho de 2023 às 09:34 #117462
      Marlei GS
      Participante

      Prezados (as)! bom dia, tudo bem?

      não entendi a utilização do “.value”, para que o “value” serve?
      Pois durante a aula o prof. GG diz que value “É o valor que está dentro da caixa de texto n1”.
      Revisei a aula 06 (Tratamento de Dados) e não vi a utilização de “value” para realizar a conversão de String para Number!

      var n1 = Number(tn1.value) => se não utilizar o “value”, a soma não funciona, aparece NaN.

      Att,

      MarleiGS

      PS. Há muitos questionamento referente a esta aula #10 Eventos DOM! Porém, resolvi utilizar este tópico para tirar as dúvidas.

    • 7 de junho de 2023 às 10:38 #117467
      Tutora Jessica
      Moderador

      Olá Marlei,

      No HTML alguns elementos (ex: input, button, etc..) possuem uma propriedade que retorna o valor contido nelas essa propriedade se chama value.

      <input type="text" id="fname" name="fname" value="John"> —> o value desse input retornará John (string)
      <input type="text" id="fname" name="fname" value="Ana">—> o value desse input retornará Ana (string)
      <input type="text" id="fname" name="fname" value="155">—> o value desse input retornará 155 (string)

  • Autor
    Posts
Visualizando 3 respostas da discussão
  • Você deve fazer login para responder a este tópico.