Mensagem de Boas Vindas. 27.05.16 12:00
- Código:
<head>
<style>
.estilo1{
font-family: Verdana;
font-size: 15;
font-color: #000000;
}
</style>
</head>
<script>
function troca(){
n = document.all.seunome.value
document.getElementById('lol').innerHTML = n;
}
</script>
<body>
<pre class="estilo1">
Seu Nome: <input type="text" name="seunome"><input type="button" onclick="troca()" value="Ok!">
<p>Seja bem-vindo, <b id="mensagem"></b></p>
</pre>
</body>
Agora vou explicar o código.
- Código:
function troca(){
n = document.all.seunome.value
document.getElementById('mensagem').innerHTML = n;
}
Repare que a variável n recebe o valor do campo "seunome" assim que o botão "Ok!" é clicado.
Logo após, é feito a substituição da tag de id "mensagem" pelo conteúdo que você deixou no campo.(Variável n).