dimgigov
ba0b300917
- New TUI screens: Main Menu, Compile, Run, REPL, AI Generator, AI Settings, Help - AI configuration persisted in ~/.config/cljnim/config.json - Added illwill dependency for terminal UI - Updated experiments, examples, docs, and core modules
51 lines
2.0 KiB
HTML
51 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Clojure/Nim → JS Demo</title>
|
|
<style>
|
|
body { font-family: monospace; max-width: 800px; margin: 40px auto; padding: 20px; background: #1a1a2e; color: #eee; }
|
|
h1 { color: #e94560; }
|
|
.result { background: #16213e; padding: 15px; margin: 10px 0; border-radius: 5px; }
|
|
.label { color: #0f3460; font-weight: bold; }
|
|
button { background: #e94560; color: white; border: none; padding: 10px 20px; cursor: pointer; border-radius: 3px; }
|
|
button:hover { background: #ff6b6b; }
|
|
input { padding: 8px; font-size: 16px; border-radius: 3px; border: 1px solid #0f3460; background: #16213e; color: white; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>🔥 Clojure/Nim → JavaScript</h1>
|
|
<p>Clojure code compiled to Nim, then to JavaScript. Running in your browser.</p>
|
|
|
|
<div class="result">
|
|
<div class="label">square(7)</div>
|
|
<div id="square-result">Click button to calculate</div>
|
|
<br>
|
|
<button onclick="document.getElementById('square-result').textContent = jsSquare(7)">Calculate</button>
|
|
</div>
|
|
|
|
<div class="result">
|
|
<div class="label">factorial(5)</div>
|
|
<div id="fact-result">Click button to calculate</div>
|
|
<br>
|
|
<button onclick="document.getElementById('fact-result').textContent = jsFactorial(5)">Calculate</button>
|
|
</div>
|
|
|
|
<div class="result">
|
|
<div class="label">greet("World")</div>
|
|
<div id="greet-result">Click button to greet</div>
|
|
<br>
|
|
<button onclick="document.getElementById('greet-result').textContent = jsGreet('World')">Greet</button>
|
|
</div>
|
|
|
|
<div class="result">
|
|
<div class="label">Interactive: factorial of</div>
|
|
<input type="number" id="n-input" value="10" min="0" max="20">
|
|
<button onclick="document.getElementById('interactive-result').textContent = jsFactorial(parseInt(document.getElementById('n-input').value))">Compute</button>
|
|
<div id="interactive-result" style="margin-top:10px;"></div>
|
|
</div>
|
|
|
|
<script src="../build/math.js"></script>
|
|
</body>
|
|
</html>
|