Result
Reset
Download
◀︎
▶︎
<html lang="ja"> <meta charset="utf-8"> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <h1 id="目印">ボタン・クリックで文字色を変更</h1> <h2>JavaScript を使用しています</h2> <h3>Math.floor(Math.random()*16</h3> <div id="色表示"style="font-size:24px;"></div> <hr> <button id="くりっく"style="margin:20px;">ボタン</button> <button onclick="りろーど()">リロード</button> <hr> <div id="げっと_たいとる"></div> <script> function らんだむ_色() {文字十六="0123456789abcdef"; 選択からー="#"; for(let 愛=0;愛<6;愛++) {選択からー+=文字十六[Math.floor(Math.random()*16)];} return 選択からー;} document.getElementById("くりっく").addEventListener("click",function() {文字からー=らんだむ_色(); document.getElementById("目印").style.color=文字からー; document.getElementById("色表示").textContent="↑ この色は "+文字からー+" です";コードを表示}); function りろーど(){document.location.reload();} ファイル名=document.location.pathname.split("/").pop(); document.getElementById("げっと_たいとる").innerHTML=ファイル名; </script> </html>
