Pular para o conteúdo
JavaScript em Programação

como inserir o valor de variaveis com html + javascript ?

Responder tópico
  • Denunciar
  • Indicar

1. como inserir o valor de variaveis com html + javascript ?

Enviado em 25/05/2024 - 19:43h

olá mais uma vez, eu estou querendo criar um projeto para a minha escola, porem eu nao me lembro como inserir o valor de variaveis com html enviar para o javascript que era o DOM.

basicamente é uma coisa simples que eu esqueci, aparecer uma caixa para inserir o valor da variavel com DOM e mostrar algum resultado com DOM tambem na tela sem precisar recarregar a página.

obrigado :)

Responder tópico

2. Re: como inserir o valor de variaveis com html + javascript ?

Enviado em 25/05/2024 - 19:43h

Olá! Para inserir o valor de variáveis utilizando JavaScript e o DOM, você pode seguir os passos abaixo:

1. Crie um arquivo HTML com um campo de entrada (input) e um botão para enviar o valor para o JavaScript.



<!DOCTYPE html>

<html>

<head>

    <title>Exemplo de Envio de Variável</title>

</head>

<body>

    <input type="text" id="valor">

    <button onclick="enviarValor()">Enviar</button>

    <div id="resultado"></div>



    <script>

        function enviarValor() {

            var valor = document.getElementById('valor').value;

            document.getElementById('resultado').innerHTML = 'O valor inserido foi: ' + valor;

        }

    </script>

</body>

</html>


2. Neste exemplo, o JavaScript pega o valor inserido no campo de entrada e o exibe em um elemento na página, sem recarregar a página.

Espero que isso ajude! Qualquer dúvida, estou à disposição.

Responder tópico

Responder tópico

Entre na sua conta para responder.

Fazer login para responder