JavaScript Runtime
Enter some JavaScript code below and see what happens:
Output
この要望は少し抽象的ですが、おそらくユーザーが望んでいるのは、JavaScriptコードを入力し、その結果をウェブページ上に表示する簡単なアプリケーションだと思われます。
以下は、単一のHTMLファイルに実装された、シンプルなJavaScript実行アプリの例です。eval()メソッドは使用せず、セキュリティ上の問題を回避するため、入力されたJavaScriptコードはFunctionコンストラクターによって実行されます。
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript Runtime</title>
</head>
<body>
<h1>JavaScript Runtime</h1>
<p>Enter some JavaScript code below and see what happens:</p>
<textarea id="input" rows="10" cols="50"></textarea>
<br>
<button onclick="runCode()">Run Code</button>
<hr>
<h2>Output</h2>
<div id="output"></div>
<script>
function runCode() {
let code = document.getElementById('input').value;
try {
let result = new Function(code)();
document.getElementById('output').innerHTML = result;
} catch (e) {
document.getElementById('output').innerHTML = '<span style="color: red;">Error: ' + e.message + '</span>';
}
}
</script>
</body>
</html>
```
このプログラムは、入力されたJavaScriptコードを実行する簡単な方法を提供します。ユーザーが任意のJavaScriptコードを入力することができ、ブラウザがそのコードをコンパイル/実行するために使用するためのJavaScript Functionオブジェクトを作成します。その後、生成されたFunctionオブジェクトを呼び出し、その戻り値をページ上に表示します。もちろん、セキュリティ上の理由から、ユーザーには、alert()や他の悪意のあるJavaScriptコードの実行ができないように制限を課す必要があります。
「JavaScript 実行アプリ」のジョークの例を挙げるとしたら、「彼はプログラマなので、彼が夢中になっているのは、単なるコーディングかもしれません。しかし、私にとっては魔法の言語の一つです。彼がJavaScriptで創られた魔法の世界を、私はただ見つめています。」というものがあります。