function noticeIt() {
var msg=document.getElementById("msgBox");
var wvals=fourW();
msg.innerHTML=wvals[0]+"、"
+wvals[1]+"で、"
+wvals[2]+"が、"
+wvals[3]+"をした。"
+"<br>がんばれ、"+wvals[2]+"!"
}
<!-- w0からw3までのidを見つける -->
function fourW() {
var fw=new Array();
for (var i=0; i<4; i++) {
var wtxt=document.getElementById("w"+i);
fw[i]=wtxt.value;
}
return fw;
}
<ul>
<li>いつ:<input type="text" id="w0" size="30"></li>
<li>どこで:<input type="text" id="w1" size="30"></li>
<li>誰が:<input type="text" id="w2" size="30"></li>
<li>何をした:<input type="text" id="w3" size="30"></li>
</ul>
<input type="button" value="出力!" onclick="noticeIt()"/>
<div id="msgBox">"</div>