como inserir o valor de variaveis com html + javascript ?

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

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


  


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

Alexa Bolada
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.






Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts