38 lines
1.1 KiB
HTML
38 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Battleships</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container column">
|
|
<h1 class="text-center">Battleships</h1>
|
|
<div class="container row">
|
|
<input type="text" id="name" placeholder="Enter your name">
|
|
<button id="start" style="border-left:none">Start</button>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
const nameInput = document.querySelector("#name")
|
|
const startButton = document.querySelector("#start")
|
|
nameInput.value = localStorage.getItem("name") || ""
|
|
startButton.addEventListener("click", e => {
|
|
const name = nameInput.value.trim()
|
|
if (name !== "") {
|
|
localStorage.setItem("name", name)
|
|
window.location.href = `/play.html?name=${name}`;
|
|
} else {
|
|
alert("Please enter your name!")
|
|
nameInput.value = ""
|
|
nameInput.focus()
|
|
}
|
|
})
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|