いつ服用しますか?
朝 昼 晩
var msg; //どの関数でもない変数を宣言
window.onload = function() { //無名の関数
msg = document.getElementById("msg");
}
function selectedValue(svalue) {
msg.innerHTML = "<span class=\"loud\">" + svalue + "</span>" + "でいいですか?ボタンをクリックすると確定します";
}
function confirmIt() {
msg.innerHTML = "<div class=\"loud\">" + "確定しました</div>";
}
.loud {
color: red;
font-size: 150%;
font-weight; bold;
}
<p>いつ服用しますか?</p>
<input type="radio" name="take" value="朝" onclick="selectedValue(this.value)">朝
<input type="radio" name="take" value="昼" onclick="selectedValue(this.value)">昼
<input type="radio" name="take" value="晩" onclick="selectedValue(this.value)">晩
</div>
<p><input type="button" value="反映!" onclick="confirmIt()" /></p>
<div id="msg"></div>