draw/index.html
2023-10-27 07:30:16 +00:00

31 lines
1.1 KiB
HTML

<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Strona z ciekawym wykorzystaniem JS</title>
<link rel="stylesheet" href="style.css"/>
<script defer src="script.js"></script>
</head>
<body>
<div id="menu">
<label for="colorSelector">Wybierz kolor: </label>
<select id="colorSelector">
<option value="green">Zielony</option>
<option value="red">Czerwony</option>
<option value="yellow">Żółty</option>
<option value="orange">Pomarańczowy</option>
<option value="gray">Szary</option>
<option value="black">Czarny</option>
<option value="lime">Limonkowy</option>
</select>
<label for="weightSlider">Wybierz grubość linii: </label>
<input type="range" min="5" max="40" value="5" id="weightSlider"/>
<button id="clearButton">Wyczyść rysunek!</button>
</div>
<canvas id="canvas"></canvas>
</body>
</html>