html: getElementByID scritte su div - max4001976, utilizzando javascript questo comando inserisce del testo o sovrascrive quello attuale

<script>
function cap1(){
document.getElementById('capitolo1').innerHTML="<b>Storia:</b> i romani conquistatori dell'europa";
}
function cap2(){
document.getElementById('capitolo2').innerHTML="<b>Geografia:</b> paralleli e meridiani";
}
function cap3(){
document.getElementById('capitolo3').innerHTML="<b>Fisica:</b> elettromagnetismo";
}

</script>

<div id="capitolo1">div1</div>
<div id="capitolo2">div2</div>
<div id="capitolo3">div3</div>

<input type='button' onClick='cap1()' value='storia'>
<input type="button" onClick="cap2()" value="geografia">
<input type="button" onClick="cap3()" value="fisica">

<script>
function cap1(){
document.getElementById('finestra').innerHTML="<b>Storia:</b> i romani conquistatori dell'europa";
}
function cap2(){
document.getElementById('finestra').innerHTML="<b>Geografia:</b> paralleli e meridiani";
}
function cap3(){
document.getElementById('finestra').innerHTML="<b>Fisica:</b> elettromagnetismo";
}

</script>

<div id="finestra">finestra</div>


<input type='button' onClick='cap1()' value='storia'>
<input type="button" onClick="cap2()" value="geografia">
<input type="button" onClick="cap3()" value="fisica">

<script>
function cap1(){
document.getElementById('finestra').innerHTML="<b>Storia:</b> i romani conquistatori dell'europa<br>qua qua qua";
}
function cap2(){
document.getElementById('finestra').innerHTML="<b>Geografia:</b> paralleli e meridiani <br>ecc ecc ecc";
}
function cap3(){
document.getElementById('finestra').innerHTML="<b>Fisica:</b> elettromagnetismo <br>altro altro altro";
}

</script>

<div id="finestra" style="width:300px; height:100px; border: solid 1px;">finestra</div>


<input type='button' onClick='cap1()' value='storia'>
<input type="button" onClick="cap2()" value="geografia">
<input type="button" onClick="cap3()" value="fisica">