log101-dot-dev/src/pages/index.astro
2024-05-03 22:27:18 +03:00

27 lines
665 B
Plaintext

---
import Layout from '../layouts/Layout.astro';
import '../styles/gol.css';
---
<Layout title="log101">
<div class="container">
<div class="header">
<h1 class="main-title">log101</h1>
<div id="board" class="board"></div>
</div>
<button id="startButton">Start Game</button>
<button id="changeWidthButton">Change Width</button>
</div>
</Layout>
<script>
import ConwaySimulator from '../scripts/conway-simulator';
let gol = new ConwaySimulator(10, 46, 10, 250);
document.getElementById('board')?.append(gol.canvas);
gol.start();
const startButton = document.getElementById('startButton');
startButton!.onclick = () => gol.stop();
</script>