[tutorial] pegar valor pelo getElementById
2 participantes
Página 1 de 1
[tutorial] pegar valor pelo getElementById
bom galera nesse tutorial eu vou ensinar como pegar o valor de uma caixa de texto em html (<input type="text">) usando o javascript, com isso agente pode fazer diversas coisas basta usar a imaginaçao e conhecimento *-*, o codigo abaixo ele apenas ta em html e gera um caixa de texto (sei la o nome q se da isso '-' )
melhorando nosso input agente tem q colocar um id pois vai ser por ele q agente vai pegar o valor, para isso se usa id="" e passa para ele nome, vou chamar o meu de fts
vamos criar um botao, para quando agente apertar nele ele passa os dados, para criar um botao agente usa <input type="button" value="passar" onclick="">, input indica entrada de dados, type indica o tipo q no caso e um botao, value o valor ou oq vai tar escrito no botao, onclick e um evento q ocorre quando der um click no botao
no onclick deixamos embranco pq vou mostrar o codigo javascript primeiro, vamos usar uma funçao para chamar pelo onclick para o navegador nao tentar interpretar ele sem ser chamado '-' , o codigo javascript abaixo ele apenas cria a funçao, q eu chamei e hack
lembra do onclick vamos colocar nossa funçao hack() la *-*
agora dentro da nossa funçao agente cria uma variavel q eu chamei de rec, e atribuimos ela a document.getElementById("").value dentro do getElementById passamos o id da nossa caixa de texto q no meu caso e fts
agora agente exibe a variavel, vou usar o alert
bom galera e isso, agora basta soltar a imaginaçao e criar o der ^^
by hacker fts315
- Código:
<html>
<body>
<input type="text">
</body>
</html>
melhorando nosso input agente tem q colocar um id pois vai ser por ele q agente vai pegar o valor, para isso se usa id="" e passa para ele nome, vou chamar o meu de fts
- Código:
<html>
<body>
<input type="text" id="fts">
</body>
</html>
vamos criar um botao, para quando agente apertar nele ele passa os dados, para criar um botao agente usa <input type="button" value="passar" onclick="">, input indica entrada de dados, type indica o tipo q no caso e um botao, value o valor ou oq vai tar escrito no botao, onclick e um evento q ocorre quando der um click no botao
- Código:
<html>
<body>
<input type="text" id="fts">
<input type="button" value="passar" onclick="">
</body>
</html>
no onclick deixamos embranco pq vou mostrar o codigo javascript primeiro, vamos usar uma funçao para chamar pelo onclick para o navegador nao tentar interpretar ele sem ser chamado '-' , o codigo javascript abaixo ele apenas cria a funçao, q eu chamei e hack
- Código:
<html>
<body>
<input type="text" id="fts">
<input type="button" value="passar" onclick="">
<script type="text/javascript">
function hack()
{
}
</script>
</body>
</html>
lembra do onclick vamos colocar nossa funçao hack() la *-*
- Código:
<html>
<body>
<input type="text" id="fts">
<input type="button" value="passar" onclick="hack()">
<script type="text/javascript">
function hack()
{
}
</script>
</body>
</html>
agora dentro da nossa funçao agente cria uma variavel q eu chamei de rec, e atribuimos ela a document.getElementById("").value dentro do getElementById passamos o id da nossa caixa de texto q no meu caso e fts
- Código:
<html>
<body>
<input type="text" id="fts">
<input type="button" value="passar" onclick="hack()">
<script type="text/javascript">
function hack()
{
rec = document.getElementById("fts").value;
}
</script>
</body>
</html>
agora agente exibe a variavel, vou usar o alert
- Código:
<html>
<body>
<input type="text" id="fts">
<input type="button" value="passar" onclick="hack()">
<script type="text/javascript">
function hack()
{
rec = document.getElementById("fts").value;
alert(rec);
}
</script>
</body>
</html>
bom galera e isso, agora basta soltar a imaginaçao e criar o der ^^
by hacker fts315
Re: [tutorial] pegar valor pelo getElementById
Cara, excelente tutorial. O forum tava precisando mesmo, né.
Valeu, um tranks pra ti . . .
Valeu, um tranks pra ti . . .
Tópicos semelhantes
» [tutorial] basico em xml
» [tutorial] cookie em javascript
» [tutorial] cor do texto em javascript
» [tutorial] printf no php?
» [tutorial] cookie em php
» [tutorial] cookie em javascript
» [tutorial] cor do texto em javascript
» [tutorial] printf no php?
» [tutorial] cookie em php
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos