html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fengari /Lua Tic Tac Toe</title>
<script src="https://cdn.jsdelivr.net/npm/fengari-web@0.1.4/dist/fengari-web.js"></script>
<style>
body{ color:goldenrod;background-color:beige;}
footer::after { color:brown;content:"Tic-Tac-Toe ...cb:BroFar ©3/2025";font-size:10px;}
h1::before {color:brown;margin-left:16%;content:"Tic-Tac-Toe ©";}
div { margin-left:20%;}
button { background-color:#C3333C;color:white;border-radius:6px;}
.board { text-align:center; display: grid; grid-template-columns: repeat(3, 50px); gap: 5px; margin-bottom: 10px; }
.cell { width: 50px; height: 50px; border: 1px solid black; display: flex; align-items: center; justify-content: center; font-size: 2em; cursor: pointer; background-color:#C4A484; color:#0A0A0A; }
#controls { margin-bottom: 10px; }
button { margin:35%;padding: 5px 10px; font-size: 1em; cursor: pointer; } select{border-radius:6px;background-color:#C2A254;}
</style>
<script>
window.onload=function loading(){ document.addEventListener("DOMContentLoaded", function() {
const loader = document.getElementById("loader");
setTimeout(function() {
loader.style.display = "none";
}, 3000); // 3000 milliseconds = 3 seconds
});
}////////
</script>
</head>
css
css
1
2
3
body {
}
js
js
1
BROWSER
Console
Run