Problemas de um iniciante com javascript

Julio Bino · Julho 14, 2012

Fala galera,estou ingressando agora no mundo da programaçao...estou estudando algumas apostilas,já terminei a de HTML e de CSS sem problemas,agora estou na de javascript.Tentei desevolver um calculadora simples que mostra o quadrado do numero inserido,porem na hora de apertar pra mostra o resultado não mostra nada.Vejam o codigo:

<html>

<head>

<title> quadrado </title>

</head>

<body>

<center>

<form name="calcularquadrado">

      Entre com o valor : <input type="text" name="campo1">
<br>
<br>
       <input type="button" value="Mostre-me o quadrado" onClick="quadrado()">


</center>



<script>

             /* calculadora de quadrado */


                   var numero1
                   var resposta
                   function quadrado() {


          numero1 = document.calcularquadrado.campo1.value;
          resposta = parselnt(numero1)*parselnt(numero1);
          alert('O quadrado é:'+resposta.
); 

}

</script>

</body>

</html>

PEDIDOS:

1. Por que a calculadora não esta funcionando?

2. O que significa "parselnt" pois não apostila não explica com detalhes.

3. Significado detalhado do "tostring()"

Obrigado

Editado Julho 14, 2012 por Julio Bino

Arash · Julho 14, 2012

Man seus erros gritantes...

document.calcularquadrado.campo1.value; (já não se usa mais esse formato).
Esquecer o ";", como no "var numero1,var resposta"
E no alert "alert('O quadrado é:'+resposta.);" faltou as aspas e o sinal de + para o "."

E as respostas do seu pedido.

A calculadora não funcionou, por que:
- Voce escreveu parseInt, com "L" ou invés de "i".
- No "alert" voce esqueceu de colocar +'.', para o "."
- Deu um "Enter" na hora de fechar o "alert();"
parseInt ele pega somente o número INTEIRO!
ex: var numero = 10.65, parseInt(numero) vai mostrar somente o 10.
O "toString()", vai transformar uma variavel em uma frase qualquer, por exemplo para voce poder editar a frase que uma pessoa escreve.

<html>
<head>
<title> quadrado </title>
</head>
<body>
<center>
<form name="calcularquadrado">
Entre com o valor : <input type="text" id="campo1">
<br>
<br>
<input type="button" value="Mostre-me o quadrado" onClick="quadrado();">
</form>
</center>
  &lt;script>
/* calculadora de quadrado */
var numero1;
var resposta;
function quadrado() {
numero1 = parseInt(document.getElementById("campo1").value);
resposta = Math.pow(numero1,2);
alert('O quadrado é :   '+resposta+'.');
}
 </script>
</body>
 </html>

Ah, e eu troquei o numero1*numero1, por uma função matematica que o javascript tem, que é o

Math.pow( "base" , "expoente");

Ex:

Base seria o "numero1".

E expoente o número a ser elevado, no caso é ao quadrado, então "2".

Sem aspas!

E um bom livro para iniciante-avançado é o livro da O'Reilly de Javascript.

Tem na internet, mas eu só achei em ingles, se tiver dominio da lingua...

Ou compra tmb, eu acho melhor comprar, porque tem uns exercicios e tal.

O'Reilly Head First Javascript

Julio Bino · Julho 15, 2012

Man seus erros gritantes...
document.calcularquadrado.campo1.value; (já não se usa mais esse formato).
Esquecer o ";", como no "var numero1,var resposta"
E no alert "alert('O quadrado é:'+resposta.);" faltou as aspas e o sinal de + para o "."
E as respostas do seu pedido.
A calculadora não funcionou, por que:
Voce escreveu parseInt, com "L" ou invés de "i".
No "alert" voce esqueceu de colocar +'.', para o "."
Deu um "Enter" na hora de fechar o "alert();"
parseInt ele pega somente o número INTEIRO!
ex: var numero = 10.65, parseInt(numero) vai mostrar somente o 10.
O "toString()", vai transformar uma variavel em uma frase qualquer, por exemplo para voce poder editar a frase que uma pessoa escreve.
<html>
<head>
<title> quadrado </title>
</head>
<body>
<center>
<form name="calcularquadrado">
Entre com o valor : <input type="text" id="campo1">
<br>
<br>
<input type="button" value="Mostre-me o quadrado" onClick="quadrado();">
</form>
</center>
  &lt;script>
/* calculadora de quadrado */
var numero1;
var resposta;
function quadrado() {
numero1 = parseInt(document.getElementById("campo1").value);
resposta = Math.pow(numero1,2);
alert('O quadrado é :   '+resposta+'.');
}
 </script>
</body>
 </html>
Ah, e eu troquei o numero1*numero1, por uma função matematica que o javascript tem, que é o
Math.pow( "base" , "expoente");
Ex:
Base seria o "numero1".
E expoente o número a ser elevado, no caso é ao quadrado, então "2".
Sem aspas!
E um bom livro para iniciante-avançado é o livro da O'Reilly de Javascript.
Tem na internet, mas eu só achei em ingles, se tiver dominio da lingua...
Ou compra tmb, eu acho melhor comprar, porque tem uns exercicios e tal.
O'Reilly Head First Javascript

Valeu cara suas dicas vao me ajudar muito,valeu mesmo....Mais a respeito dos materiais que estou estudando,você acha que seria melhor buscar novos?pois aqui eu tenho a coleçao completa para web.Diz ai o que eu posso aproveitar.

Obs: a coleçao completa seria:html,css,javascript,asp,fireworks,flash,php,mysql,e um projeto

obrigado

Editado Julho 15, 2012 por Julio Bino

Arash · Julho 15, 2012

A respeito do material, esse livro ai que postei, ele não é tão novo, 2007.

Vai sair segunda edição no final deste ano, se quiser esperar.

Antes, era muito incentivado esse tipo de script, mas hoje, não.

Era comum ter um site com muitas imagens, tabelas, e animações em flash.

Hoje, apesar de nem todos os navegadores aceitarem, mas já esta mudando, já se pode usar o CSS e o Canvas com javascript.

O que eu acho que é seu caso, é de os livros estarem desatualizados.

Mas não errados!

E voce esta usando Adobe Dreamweaver? ou Outro Editor de HTML, CSS, etc...

Pode ajudar voce a corrigir alguns barbarismos.

Julio Bino · Julho 15, 2012

A respeito do material, esse livro ai que postei, ele não é tão novo, 2007.
Vai sair segunda edição no final deste ano, se quiser esperar.
Antes, era muito incentivado esse tipo de script, mas hoje, não.
Era comum ter um site com muitas imagens, tabelas, e animações em flash.
Hoje, apesar de nem todos os navegadores aceitarem, mas já esta mudando, já se pode usar o CSS e o Canvas com javascript.
O que eu acho que é seu caso, é de os livros estarem desatualizados.
Mas não errados!
E voce esta usando Adobe Dreamweaver? ou Outro Editor de HTML, CSS, etc...
Pode ajudar voce a corrigir alguns barbarismos.

> então não tenho certeza mais o material que tenho aqui se não me engano é de 2007 também,vou continuar lendo essa apostilas pois acho interresante ter uma base.

> Sobre o editor de HTML,estava praticando no bloco de notas como sugeriu a apostila,porém vou migrar para o Dreamweaver,não li a apostila de Dreamweaver ainda,porem tenho uma noçao geral e simples do programa.OBS: a apostila de dreamweaver esta muito desatualizada esta na versao MX 2004,porém acredito que junto de alguns tuturiais e apostilas da internet posso aproveitar algo.

Obrigado pela ajuda

Arash · Julho 16, 2012

Não precisa de apostila de Dreamweaver.

Ele funciona como um bloco de notas, mas ele te avisa se voce escrever errado, ou esquecer "(" essas coisas, que agente acaba errando.

Tem versão em portugues, por exemplo o CS6 que é o que eu uso.

Entrar

Problemas de um iniciante com javascript

Pergunta

Julio Bino

Link para o comentário

Compartilhar em outros sites

5 respostass a esta questão

Posts Recomendados

Arash

Link para o comentário

Compartilhar em outros sites

Julio Bino

Link para o comentário

Compartilhar em outros sites

Arash

Link para o comentário

Compartilhar em outros sites

Julio Bino

Link para o comentário

Compartilhar em outros sites

Arash

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades