Estudante

Como Surgiu?
JavaScript é uma linguagem que foi primeiramente desenvolvida pela Netscape e que, inicialmente se chamava LiveScript. Antes do lançamento da 1ª versão do LiveScript, no final de 1995, a Netscape fechou uma aliança com a Sun Microsystems (Criadora da linguagem JAVA) , para desenvolverem em conjunto esta nova linguagem, que passou a se chamar JavaScript, também conhecida como JScript.
Para que Serve?
Uma página é definida por três camadas de produção: conteúdo, formatação e comportamento. Assim como o XHTML é responsável pelo conteúdo e o CSS pela formatação, o JavaScript é o responsável pelo comportamento da página, ou seja, o que controla a interação do usuário com a página além da básica navegação, que não necessita de JavaScript. Ou seja, JavaScript não é para encher uma página de bugigangas ou fazer coisas piscarem, mas sim para tornar a experiência do usuário (chamada UX) mais rica, sem diminuir a acessibilidade e a usabilidade da página. O único caso em que uma página pode depender diretamente de JavaScript são em casos de aplicações ricas (RIA) desenvolvidas em JavaScript.
Exemplo de Teclado Virtual
Como fica:

Teclado

function preenche(valor ){ var elemento=document.getElementById("campo"); var value=elemento.value; var caracteres=value.length; if (caracteres < 10){ elemento.value=value+valor; } }

*{ margin:auto; padding:auto; }
#c,#botoes{ width:180px; }
#c{ margin-bottom:10px; }
#campo{ width:165px; border:1px dashed #666; height:40px; margin:2px; font:bold 15px "Trebuchet MS", Arial; }
#botoes input{ float:left; width:30px; height:30px; border:1px solid #333; background:#000; color:#FFF; display:inline; margin:2px; cursor:pointer; }
#botoes input:hover{ background-color:#333; }
#layer{ position:absolute; top:150px; left:300px;}