como inserir o valor de variaveis com html + javascript ?

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

d0sman
(usa Ubuntu)

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 :)

0 0

Quote

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

alexabolada
(usa Debian)

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.

1 0

Quote