diff --git a/js/index.html b/js/index.html
new file mode 100644
index 0000000..62469a8
--- /dev/null
+++ b/js/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<title>JavaScript Evaluator</title>
+	    <link rel="shortcut icon" href="https://rimgo.pussthecat.org/RFbdMMB.png" type="image/x-icon">
+		<link rel="stylesheet" href="style.css">
+	</head>
+	<body>
+		<div class="card shadow">
+			<h1>JavaScript Evaluator</h1>
+			<textarea id="input" type="text" placeholder="Enter code..." rows="10" columns="10"></textarea>
+			<button id="evaluate">Evaluate</button>
+			<pre id="output" placeholder="Output" rows="5">Output</pre>
+		</div>
+
+		<script src="index.js"></script>
+	</body>
+</html>
diff --git a/js/index.js b/js/index.js
new file mode 100644
index 0000000..52930e4
--- /dev/null
+++ b/js/index.js
@@ -0,0 +1,19 @@
+const btn = document.getElementById('evaluate');
+const input = document.getElementById('input');
+const output = document.getElementById('output');
+
+btn.addEventListener('click', function() {
+	output.innerText = '';
+	const originalLog = console.log;
+	console.log = function(...args) {
+		output.innerText += args.join(' ') + '\n';
+		originalLog.apply(console, args);
+	};
+	try {
+		let result = eval(input.value);
+		if (result !== undefined) output.innerText += result;
+	} catch (e) {
+		output.innerText += 'Error: ' + e.message;
+	}
+	console.log = originalLog;
+});
diff --git a/js/style.css b/js/style.css
new file mode 100644
index 0000000..39374f2
--- /dev/null
+++ b/js/style.css
@@ -0,0 +1,47 @@
+@import url(/global.css);
+
+.container { 
+	text-align: center; 
+	padding: 20px; 
+	border-radius: 20px; 
+	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.7); 
+}
+
+textarea {
+	width: 90%;
+	margin-top: 10px;
+	padding: 10px;
+	border-radius: 10px;
+	border: none;
+	background-color: #333;
+	color: #f0f0f0;
+	resize: none;
+	outline: none;
+}
+
+button { 
+	width: 70%; 
+	margin-top: 10px; 
+	padding: 10px; 
+	border-radius: 10px; 
+	border: none; 
+	background-color: #333; 
+	color: #f0f0f0; 
+}
+
+button { 
+	cursor: pointer; 
+	background-color: #444; 
+}
+
+button:hover { 
+	background-color: #555; 
+}
+
+pre {
+	font-family: "JetBrainsMono";
+	background-color: #333;
+	color: #fff;
+	text-align: left;
+	padding: 3px;
+}
