JavaScript部分

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;
}

body部分

<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>