Entendendo validações e operações aritméticas com Javascript

LinuxTec

Nesse tutorial abordo alguns temas da linguagem Javascript, tais como: variáveis, operadores, caixas de diálogo, comando de impressão, funções, eventos e conversão de tipos.

[ Hits: 25.214 ]

Por: jose claudio em 04/08/2010

0 0

Denuncie Favoritos Indicar Impressora

Caixas de diálogo e comando de impressão

Caixas de diálogo

São meios básicos para entrada e saída de informação.

Caixa de alerta: caixa de diálogo para exibir mensagens, possui somente um botão OK.

Sintaxe: alert("Mensagem");

Caixa de confirmação: caixa de diálogo básica para tomada de decisão, possui dois botões, o botão OK (retorna true) e o botão CANCELAR (retorna false), os valores retornados devem ser armazenados em uma variável.

Sintaxe: variavel = confirm("Mensagem");

Caixa de entrada de dados: caixa de diálogo para entrada de dados básica, o valor deve ser armazenado em uma variável, o valor digitado sempre será texto, logo, para operações matemáticas precisamos converter os valores digitados para números.

Sintaxe: variavel = prompt("Mensagem", "valor inicial opcional");

Ex.:

<html>
<head>
<title>JS</title>
<script language="javascript">

//Caixa de mensagem
alert("Caixa de mensagem básica"); // Exibe um alerta na tela

//Caixa de confirmação
var x;
x = confirm("Quer continuar?"); // Exibe uma caixa de confirmação com uma interrogação

//Caixa de mensagem
alert("Você escolheu: " + x); // Exibe o valor de x

//Caixa de entrada
var nome;
nome = prompt("Digite seu nome"); // Exibe uma caixa prompt pedindo seu nome

//Caixa de mensagem
alert("Seu nome é :" + nome); // Mostra o nome inserido no prompt
</script>
</head>
<body>
</body>
</html>

Comando de impressão

Além da caixa de diálogo "alert", temos disponível também em Javascript outro comando de impressão, neste caso, as informações são impressas na página e nos permite imprimir tags html.

Sintaxe: document.write("mensagem");

Exemplo:

var nome="Lukas"; document.write"(<b>Nome:" + nome + "</b>");

Obs.: As tags devem sempre estar dentro das aspas.

Página anterior Próxima página

Páginas do artigo

   1. Entendendo Javascript
   2. Variáveis e operadores
   3. Caixas de diálogo e comando de impressão
   4. Funções, eventos e conversão de tipos

Outros artigos deste autor

Nenhum artigo encontrado.

Leitura recomendada

Automação de tarefas com Gulp

Extensões imperdíveis para quem usa o Git (e o GitHub) no Brackets

AJAX - Parte 1

Manual de XHTML

JavaScript - Programação orientada a objetos

Comentários

[1] Comentário enviado por psfdeveloper em 25/08/2010 - 12:44h

Caro José,

eu programo há bastante tempo em Javascript e vi a evolução recente da linguagem, de uma ferramenta para pequenos programas web, para uma linguagem completa de programação utilizada em grandes projetos (Como o navegador Firefox, implementado em javascript e C++ sobre uma API imensa baseada no Gecko e em uma linguagem de interface gráfica chamada XUL (ver https://developer.mozilla.org/en-US/).

O Google levou o Javascript para um novo patamar, ao programar aplicativos como o GMail e o Google Docs em HTML e Javascript. Esses sistemas são longe de serem pequenos ou simples scripts.

O Javascript pode ser utilizado para fazer aplicativos stand-alone (usando o XULRunner, o SpiderMonkey/TraceMonkey ou o Rhino, o Javascript desenvolvido sobre a plataforma Java).

Mas nada disso tira o mérito de sua explicação, principalmente quanto à comparação com a linguagem Java, cuja proposta é completamente diferente.

A única coisa que eu possa, realmente, discordar é que Javascript "simule" programação orientada a Objetos. Uma linguagem Orientada a Objetos não é apenas uma que tenha uma palavra reservada "class", como o Java ou o C++, mas uma que possua ferramentas necessárias para a programação orientada a objetos. Quando você diz que o Javascript não é orientada a objetos, é porque o Javascript é uma linguagem que não força utilização de determinado paradigma de programação.

Javascript é considerada Orientada a Objetos em sentido estrito e suporta totalmente o OOP através do conceito de "protótipos", como pode ser visto no link http://en.wikipedia.org/wiki/Prototype-based . Além disso, Javascript possui poderosas capacidades dinâmicas que podem classificá-la como uma linguagem funcional, par a par com o Lisp.

Infelizmente, os maiores usuários de JavaScript são designers que possuem conhecimento restrito de programação adequado ao trabalho deles, que é fazer design, não programar. Acho que a internet seria muito melhor se mais programadores se aproximassem do JavaScript ou se mais Designers se tornassem programadores efetivamente.

Parabéns pelo seu artigo.

0 0