Tulos

1. Miten tämä toimii?
2. Onko kysymyksien/vastauksien määrällä rajoitusta?
3. Voiko vastauksia mitenkään muotoilla?
4. Millä minä surffaan?

Koodi

Tämä tulee HEAD-osastoon

<script type="text/javascript">
//<![CDATA[
var Oletusteksti = '<p>Tämä on vastausalue!</p>'; 
var Alkumerkkaus = '<p>';
var Loppumerkkaus = '</p>';

function NaytaVastaus(vastaus) {
 document.getElementById('vastausalue').innerHTML = vastaus;
}
//]]>
</script>

Tämä tulee BODY-osastoon

<ol>
<li
 onmouseover="NaytaVastaus(Alkumerkkaus +
 'Vastaukset on koodattu OnMouseOver-tapahtuman' +
 ' yhteyteen funktion argumentteina.' +
 Loppumerkkaus);"
 onmouseout="NaytaVastaus(Oletusteksti);">
Miten tämä toimii?
</li>

<li
 onmouseover="NaytaVastaus(Alkumerkkaus +
 'Ei, ainakaan teoriassa.' +
 Loppumerkkaus);"
 onmouseout="NaytaVastaus(Oletusteksti);">
Onko kysymyksien/vastauksien määrällä rajoitusta?
</li>

<li
 onmouseover="NaytaVastaus(Alkumerkkaus +
 '&lt;b style=&quot;color:red&quot;>Kyllä!&lt;/b> ' +
 'Vastaukset saavat sisältää merkkausta. Myös ' +
 'vastausalueen voi sijoittaa ja muotoilla vapaasti.' +
 Loppumerkkaus);"
 onmouseout="NaytaVastaus(Oletusteksti);">
Voiko vastauksia mitenkään muotoilla?
</li>

<li
 onmouseover="NaytaVastaus(Alkumerkkaus +
 'Ilmoittaa olevansa ' + navigator.appName +
 '.' +
 Loppumerkkaus);"
 onmouseout="NaytaVastaus(Oletusteksti);">Millä minä surffaan?</li>
</ol>

<div
 id="vastausalue"
 align="center"
 style="border:1px solid green">
<p>Tämä on vastausalue!</p>
</div>