<html lang="ja"> <meta charset="utf-8"> <button onclick="ぼたん()">ボタン</button> <button onclick="りろーど()">リロード</button> <p id="もじ">文字</p> <script> eval(`function ぼたん() {let 赤文字=document.getElementById("もじ"); 赤文字.style.fontSize="40px"; 赤文字.style.color="red";} function りろーど(){document.location.reload();}`); </script> <hr> <p style="text-decolation:bold;margin:40px;font-size:18px;">eval()関数を使って通常の関数を生成した例</p> <div style="text-decolation:bold;margin:40px;color:#456789">Evaluate ( 評価する・査定する / イバリュエイト )</div> <pre style="color:green;"> html の記述はいつもと同じですが, JavaScript の記述を読んでください. 関数 → ぼたん() と関数 →りろーど() を eval()関数を使用して動的に生成してあります. <span style="color:red;font-size:20px;margin-left:100px;">eval(` 　　　　　　　　　　`);</span> eval()関数はJavaScript のコードを動的に生成して実行するための非常に強力な関数. しかし, 外部から入力された文字列をそのまま eval()関数で記述すると,<br> もしも悪意のあるコードであった場合でもそのまま実行される可能性があるため,<br> (セキュリティ・リスクの観点から)通常の用途では避けるべきです. </pre> </html>