< script> // Início do JavaScript
function inverte() { // cria a função inverte
    var a = v = ''; // cria as variáveis a e v
    var b = c = 0 ; // cria as variáveis b e c
    a = document.f1.v1.value ; // variável a recebe o nome digitado em v1 do formulário f1.
    c = a.length ; // variável c recebe o tamanho do nome digitado em v1. Por exemplo Pedro = 5.
    b = c - 1 ; // variável b recebe c menos um.
    while ( b >= 0 ) { // enquanto b for maior ou igual a zero
        v = v + a.substring(b,c) ; // a função substring pega parte de uma string. Por exemplo: "pedro".substring(2,4) resultará em dr. Veja sintaxe SUBSTRING( start, stop ), podemos entender da seguinte forma : o primeiro parâmetro da função substring é a quantidade de caracteres que ele vai pular, depois começa a pegar os próximos até o segundo parâmetro. Então "pedro" pulou p, e a letra e=2 , pegou d,r a letra erre é o stop=4.
        b-- ; // b menos menos é o mesmo que b = b menos 1.
        c-- ; // c menos menos é o mesmo que c = c menos 1.
    } // finaliza o while
    document.write("Seu nome invertido é : ".fontcolor("blue") ) ; // mostra seu nome invertido é : em azul
    document.write(v.fontcolor("red") ) ; // fontcolor() troca a cor do que você vai mostrar, aqui no caso pra vermelho.
} // finaliza o function.
< /script> // Fim do JavaScript
< form name="f1"> // cria o formulário f1
Digite seu nome :
< input type="text" name="v1" size="60" maxlength="50" onchange="inverte()">
// cria o objeto (campo) v1, tamanho 60, com maxlenght igual a 50, não será permitido digitar mais de 50 caracteres neste campo.  
< /form> // finaliza o formulário f1

< script> // Início do JavaScript
function mostra() { // Cria a função mostra
    if ( document.f1.cidade.value == "0" ) { // Se for escolhida a opção ZERO do SELECT
        document.f1.a.value = "Você não escolheu uma cidade !" ; // Avisa o usuário que não foi selecionada uma cidade
    }
    if ( document.f1.cidade.value == "1" ) { // Se for escolhida a opção 1 do SELECT, que corresponde a Uberaba.
        document.f1.a.value = "Terra boa, onde mora Chico Xavier..." ; // Frase sobre Uberanba
    }
    if ( document.f1.cidade.value == "2" ) { // Se for escolhida a opção 2 do SELECT, que corresponde a Araxá.
        document.f1.a.value = "Terra de Dona Beija ..." ; // Fala sobre Araxá
    }
}
< /script> // Fim do JavaScript
< center> // A partir daqui tudo ficará centralizado na tela
< form name="f1"> // Cria um formulário com nome f1
    < select name="cidade" size="1" onchange="mostra()"> // Cria um drop-down menu, com nome cidade, quando for alterado executa a função mostra().
        < option value="0">Escolha uma cidade< /option> // Primeira opção do select
        < option value="1">Uberaba< /option> // Segunda opção do select
        < option value="2">Araxá< /option> // terceira opção do select
    < /select> // Finaliza as opções do SELECT
    < hr> // Coloca uma linha horizontal
    < input type="text" name="a" size="35"> // Cria o objeto a com tamanho 35.
< /form> // Finaliza o formulário f1
< /center> // Finaliza a centralização iniciada com < center>

< script> // Início do JavaScript
function ordena() { // Cria a função ordena()
    var aux = new Array(5) ; // Define o vetor aux
    var i = j = 0 ; // Cria as variáveis i e j.
    var k = '' ; // Cria a variável k.
    aux[0] = document.form2.n0.value ; // Coloca na posição zero do vetor aux a primeira palavra digitada.
    aux[1] = document.form2.n1.value ; // Coloca na posição um do vetor aux a segunda palavra digitada.
    aux[2] = document.form2.n2.value ; // Coloca na posição dois do vetor aux a terceira palavra digitada.
    aux[3] = document.form2.n3.value ; // Coloca na posição três do vetor aux a quarta palavra digitada.
    aux[4] = document.form2.n4.value ; // Coloca na posição quatro do vetor aux a quinta palavra digitada.
    aux[5] = document.form2.n5.value ; // Coloca na posição cinco do vetor aux a sexta palavra digitada.
    while ( i < 6 ) {    // Neste 2 while é feito a ordenação das palavras, colocando-as em ordem alfabética.
        j = i + 1 ;
        while ( j < 6 ) {
            if ( aux[i] > aux[j] ) {
k = aux[j] ;
aux[j] = aux[i] ;
aux[i] = k ;
            }
            j ++ ;
        }
        i ++ ;
    }
    i = 0 ; // A variável i volta pra zero.
    k = ''; // Na variável k colocaremos todas as 6 palavras já ordenadas, separadas por um '\n' para quebra de linha.
    while ( i < 6 ) { // faça um teste retirando o '\n' e você verá a diferença, e certamente vai entender melhor.
        k = k + aux[i] + '\n' ;
        i ++ ;
    }
    document.form2.r.value = k ; // O resultado até então armazenado na variável k, é mostrado pro usuário atravéz do objeto r do form2.
}
< /script> // Término do JavaScript
< form name="form2"> // Cria o formulário form2
    Digite 6 palavras :

    < input type="text" name="n0" size="35" maxlength="30">// Cria objeto n0 tamanho 35, máximo 30 letras.
    < input type="text" name="n1" size="35" maxlength="30">// Cria objeto n1 tamanho 35, máximo 30 letras.
    < input type="text" name="n2" size="35" maxlength="30">// Cria objeto n2 tamanho 35, máximo 30 letras.
    < input type="text" name="n3" size="35" maxlength="30">// Cria objeto n3 tamanho 35, máximo 30 letras.
    < input type="text" name="n4" size="35" maxlength="30">// Cria objeto n4 tamanho 35, máximo 30 letras.
    < input type="text" name="n5" size="35" maxlength="30">// Cria objeto n5 tamanho 35, máximo 30 letras.
    < input type="button" name="p" value="Ordenar" onclick="ordena()"> // Cria objeto p , quando o usuário clicar neste botão será executado a função ordena().
    < hr> // Cria uma linha horizontal.
    < textarea rows="7" name="r" cols="35">< /textarea> // Cria objeto r tamanho 7 linhas por 35 letras.
< /form> // Término do formulário form2..

< script> // Início do JavaScript
    function balanca( a, b) { // Esta função movimenta a janela do browser na vertical e horizontal.
        if ( self.moveBy ) {
            for ( i = b ; i > 0 ; i-- ) {
for ( j = a ; j > 0 ; j-- ) {
self.moveBy(0,i);
self.moveBy(i,0);
self.moveBy(0,-i);
self.moveBy(-i,0);
}
            }
        }
    }
    function vertical( a, b) { // Esta função movimenta a janela do browser na vertical .
        if ( self.moveBy ) {
            for ( i = b ; i > 0 ; i-- ) {
for ( j = a ; j > 0 ; j-- ) {
self.moveBy(0,i);
self.moveBy(0,-i);
}
            }
        }
    }
    function horizontal( a, b) { // Esta função movimenta a janela do browser na horizontal.
        if ( self.moveBy ) {
            for ( i = b ; i > 0 ; i-- ) {
for ( j = a ; j > 0 ; j-- ) {
self.moveBy(i,0);
self.moveBy(-i,0);
}
            }
        }
    }
< /script>
< form name="form1">
< input type="button" name="p" value="Terremoto" onclick="balanca(15,10)">
< hr>
< input type="button" name="p" value="Vertical" onclick="vertical(15,10)">
< hr>
< input type="button" name="p" value="Horizontal" onclick="horizontal(15,10)">
< /form> // Término do formulário form2.