Bottoni HTML

[Lafatina27]

Buongiorno a tutti! Sono un'ignorante in materia, ma la prossima settimana ho un'esame di informatica e il professore chiede dei siti web creati in HTML (non html5!!! con la vecchia vecchissima versione!) Ho creato dei bottoni con javascript, ma c'è qualcosa che non va:

<script type="text/javascript">

function situated()

{

var raccolta_1=document.getElementsByClassName('colort est');

for (i=0; i<raccolta_1.lenght;+i)

raccolta_1[i].className='color1';

}

</script>
<style>
.colortest {}
.color1 {background-color: mediumseagreen;}
</style>
<form>
<input type="button" value="Situated On" onclick="situated()">


</form>

Questo è quello che ho fatto! In teoria il bottone dovrebbe attivarsi (ovvero evidenziare una parte del testo) nel momento in cui clikko su di esso..in realtà, appena apro la pagina, trovo le parti del testo già evidenziate! U.u
Qualcuno può aiutarmi? in cosa ho sbagliato?
Grazie a tutti

[las]

<script type="text/javascript">
function situated(){

var raccolta_1=document.getElementsByClassName('colortest');

    for (i=0; i<raccolta_1.length;+i){
        raccolta_1[i].className='color1';
    }

}
</script>
<style>
.colortest {}
.color1 {background-color: mediumseagreen;}
</style>
<form>
<input type="button" class='colortest' value="Situated On" onclick="situated()">


</form>

lenght si scrive length e poi se non metti la classe nell'input non può essere agganciata dal getElementsByClassName

[Lafatina27]

Che stupida che sono!!! Grazie mille