Jump to content

Recommended Posts

Estou estudando Js, fiz esse exemplo abaixo porém o onlick não está chamando a função, nada acontece quando quando clico no botão.

    

<!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>Somando números</title>
</head>

<body>
    <h1>Soamando valores</h1>
    <input type="number" name="txt0" id="txt1">
    +
    <input type="number" name="txt2" id="txt3">
    <input type="button" value="somar" id="botao" onclick="somar()">
    <div id="res">

    </div>
    <script>
    
        res.addEventListener('mouseeenter', entrar);
        function somar(){
            var n1 = window.document.querySelector("input#txt1");
            var n2 = window.document.querySelector("input#txt3");
            var n1 = Number(txt1.value);
            var n2 = Number(txt3.value);

            var soma = (n1+n2);

            var res = window.document.getElementById("res");
    

            res.innerHTML(`A soma é de ${soma}`);
           
        }
        function entrar(){
            area.style.background="red";
        }

    </script>
</body>

</html>

     

Share this post


Link to post
Share on other sites

Sempre quando for desenvolver em Javascript, deixe o console do navegador aberto, com isso você vê os erros que podem ocorrer.

 

O erro está em:

res.innerHTML(`A soma é de ${soma}`);

O innerHTML não é uma função, e sim um atributo do objeto (o objeto é o seu elemento div), substitua essa lina por:

res.innerHTML = 'A soma é de ' + soma;

 

Share this post


Link to post
Share on other sites
8 minutos atrás, Everson da Luz disse:

Sempre quando for desenvolver em Javascript, deixe o console do navegador aberto, com isso você vê os erros que podem ocorrer.

 

O erro está em:


res.innerHTML(`A soma é de ${soma}`);

O innerHTML não é uma função, e sim um atributo do objeto (o objeto é o seu elemento div), substitua essa lina por:


res.innerHTML = 'A soma é de ' + soma;

  

O console está aberto e não mostra erros, estou acompanhando um curso online por isso fiz desta maneira, usando o template que é para as novas versões ao invés de concatenar. E não funcionou desta maneira. Mas obrigada por tentar me ajudar

Share this post


Link to post
Share on other sites

Copiei o seu código, apenas alterei essa parte que coloquei e funcionou a soma, mostrou o resultado embaixo.

 

O erro no código não está na concatenação e sim no innerHTML, a maneira que você fez está errado, porque o innerHTML não é uma função, você não pode usar com parenteses, assim: innerHTML(), você deve usar como um atributo, colocando igual, assim: innerHTML = " "

 

bons estudos!

Share this post


Link to post
Share on other sites
1 hora atrás, Everson da Luz disse:

Copiei o seu código, apenas alterei essa parte que coloquei e funcionou a soma, mostrou o resultado embaixo.

 

O erro no código não está na concatenação e sim no innerHTML, a maneira que você fez está errado, porque o innerHTML não é uma função, você não pode usar com parenteses, assim: innerHTML(), você deve usar como um atributo, colocando igual, assim: innerHTML = " "

 

bons estudos!

Tentei novamente, copiei o res.innerHTML = 'A soma é de ' + soma; e colei
Funcionou! Obrigada (: 

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 SilvioHC
      Olá estou começando a a prender node js mas já no primeiro teste algo de errado não está certo 
      const express = require('express'); const app = express(); app.listen(934); //Sempre Na Ultima Linha não sei dizer se é só o tutorial q é antigo 

    • By Jéssica Nascimento
      Meu código só decifra uma letra, não está fazendo as demias tem algum problema no meu código que não consigo enchegar poderiam me ajudar 
       
      function encode(text, offset){   let alphabetSize = 26; let firstAsci = 65; let textEncode =[]; let encodeArray =[];   for (let i=0; i < text.length; i++){   textEncode[i] = (text.charCodeAt(i)-firstAsci+offset)% alphabetSize +firstAsci; encodeArray.push(String.fromCharCode(textEncode[i])); console.log(encodeArray); return encodeArray.join(''); }
    • 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.

×

Important Information

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