クリックでテキスト切り替え【JavaScript】

クリックイベントについて書きました。

サイト構築の際に便利です。

<script language="javascript" type="text/javascript">
        function OnButtonClick1() {
            target = document.getElementById("output");
            target.innerHTML = "これはサンプルです";
        }
        function OnButtonClick2() {
            target = document.getElementById("output");
            target.innerHTML = "body {<br>font-size:100%;<br>}";
        }
    </script>
</head>
<body>
<center><h3>■■■ クリックで表示_JavaScript ■■■</h3></center>
<hr>
    <input type="button" value="サンプルテキスト" onclick="OnButtonClick1();"/><br />
    <br />
    <input type="button" value="コード表示" onclick="OnButtonClick2();"/><br />
    <br />
    <div id="output" style="border:solid 1px #000; padding:10px; width:80%; border-radius:10px;"></div>
</body>

クリックでテキスト切り替え【JavaScript】