<HTML>
<HEAD>
<TITLE>innerHTML and innerText Properties</TITLE>
<STYLE TYPE="text/css">
H1 {font-size:18pt; font-weight:bold; font-family:"Comic Sans MS", Arial, sans-serif}
.small {font-size:12pt; font-weight:400; color:gray}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">

function setGroupLabelAsText(form) {
    var content = form.textInput.value
    if (content) {
        document.all.label1.innerText = content
    }
}
function setGroupLabelAsHTML(form) {
    var content = form.HTMLInput.value
    if (content) {
        document.all.label1.innerHTML = content
    }
}
</SCRIPT>
</HEAD>

<BODY>
<FORM>
<P>
    <INPUT TYPE="text" NAME="HTMLInput" 
    VALUE="<I>Pierwsza</I> Poprawka <SPAN CLASS='small'>(z dziesiciu)</SPAN>"
    SIZE=50>
    <INPUT TYPE="button" VALUE="Zmie kod HTML nagwka" 
    onClick="setGroupLabelAsHTML(this.form)">
</P>
<P>
    <INPUT TYPE="text" NAME="textInput" 
    VALUE="<I>Pierwsza</I> Poprawka <SPAN CLASS='small'>(z dziesiciu)</SPAN>" 
    SIZE=50>
    <INPUT TYPE="button" VALUE="Zmie tekst nagwka" 
    onClick="setGroupLabelAsText(this.form)">
</P>
</FORM>
<H1 ID="label1">Pierwsza poprawka</H1>
<P>
Kongres nie moe stanowi ustaw wprowadzajcych religi albo zabraniajcych swobodnego 
wykonywania praktyk religijnych; ani ustaw ograniczajcych wolno sowa lub prasy, 
albo naruszajcych prawo do spokojnego odbywania zebra i wnoszenia do rzdu petycji 
o napraw krzywd.
</P>
</BODY>
</HTML>