一白山中

自分を磨き、自分なりの幸せを追求しよう

ボタンで、htmlを入れ替えするJavaScriptソース例

クリック操作で、時刻を表示する

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>一白山中(ennya.hatenablog.com)</title>
<script>
function displayDate(){
    document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body>

<h1>初めてのJavaScriptプログラム</h1>
<p id="demo">これは一つの段落</p>

<button type="button" onclick="displayDate()">日付表示</button>

</body>
</html>