dsasd

src/wordle/InfoAndSetings/WordLegnthSetings.svelte

@@ -0,0 +1,42 @@
+<script>
+	import { newGame, WordLegnth } from "../logic.svelte.js";
+
+	let LetersSelected = WordLegnth.v;
+</script>
+
+<div id="root">
+	<h4>Select The Word legnth (between 3 and 10 letters)</h4>
+	<input
+		type="range"
+		id="vol"
+		name="vol"
+		min="3"
+		max="10"
+		bind:value={LetersSelected}
+	/>
+	<button
+		onclick={() => {
+			WordLegnth.v = LetersSelected;
+			newGame();
+		}}
+		>Start New Game with Word legnth of {LetersSelected} letters
+	</button>
+</div>
+
+<style>
+	#root {
+		display: flex;
+		flex-direction: column;
+		gap: 5px;
+		margin: 10px;
+		justify-content: center;
+		background-color: #303030;
+		padding: 10px;
+		margin: 20px;
+		border-radius: 10px;
+	}
+	h4 {
+		text-align: center;
+		margin: 0px;
+	}
+</style>