[Tutorial] Variáveis

**~ Heatlex.** · 7 de Setembro 2011

Introdução

As variáveis no javascript servem para facilitar o aplicamento de valores no documento.

Criando Variáveis

<script>

var Nome = João

</script>

Esta é uma variável loca, que funcionará apenas dentro da função, para que ela funcione em todo o script do documento o código é praticamente o mesmo:

<script>

Nome = João

</script>

Neste caso, a variável estará disponível em todo documento.

Utilizando Variáveis em uma Função

Veja o exemplo

<script>

a = 5

b = 10

document.write(a + B)

</script>

No script, foi declarado que 'a' é igual a '5' e que 'b' é igual a '10', e em seguida foi dado o comando de escrever a soma dos valores, pode ser usado qualquer outro operador no lugar do '+'.

Agora, vamos fazer algo mais complexo com variáveis.

Faça uma página com os seguintes conteúdos

•Um form chamado 'form1'

•3 campos de texto chamados 'a', 'b' e 'c'

•Um botão

deverá ficar assim

<html>

<head>

<title>Teste JavaScript</title>

</head>

<body>

<form name=form1>

<input type=text name=a><br>

<input type=text name=b><br>

<input type=text name=c><br>

<input type=button value="Calcular">

</form>

</body>

</html>

Agora, entre as tags <head></head> adicione a função:

<script>

function calcula()

{

a = (form1.a.value*1)

b = (form1.b.value*1)

form1.c.value = (a+B)

}

</script>

Lembre-se de colocar no evento 'onClick' do botão, o retorno para a função 'calcula()':

<input type=button value="Calcular" onClick="calcula()" onClick="calcula()"

Nessa função foi declarado que 'a' é igual ao campo 'a' do formulário nomeado 'form1' e que 'b' é igual ao campo 'b' do formulário nomeado 'form1' e logo em seguida, colocou como o valor do campo 'c' do formulário 'form1' seria igual a soma da variável 'a' com a variável 'b'.

O documento completo deverá ficar assim:

<html>

<head>

<title>Teste JavaScript</title>

<script>

function calcula()

{

a = (form1.a.value*1)

b = (form1.b.value*1)

form1.c.value = (a+B)

}

</script>

</head>

<body>

<form name=form1>

<input type=text name=a><br>

<input type=text name=b><br>

<input type=text name=c><br>

<input type=button value="Calcular" onClick="calcula()">

</form>

</body>

</html>

OBS: Pode ser usado qualquer outro operador matemático no lugar do '+'.

Pronto, basta você personalizar sua página como você preferir e salvar com a extenção '.html' e sua página estará pronta.

**PoweR BoLT** · 11 de Setembro 2011

Tópico em area errada.

Trancado

Entrar

Quem está por aqui 0 membros estão online

[Tutorial] Variáveis

Posts Recomendados

~ Heatlex. 11

Link para o comentário

Compartilhar em outros sites

PoweR BoLT 92

Link para o comentário

Compartilhar em outros sites

Fóruns

Todas Atividades

Lojinha WC

Informação Importante