29 lines
945 B
HTML
29 lines
945 B
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">
|
||
|
|
<select id="color">
|
||
|
|
<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>
|
||
|
|
<input type="range" min="5" max="40" value="5" id="weight"/>
|
||
|
|
<button id="clear">Wyczyść rysunek!</button>
|
||
|
|
</div>
|
||
|
|
<canvas id="canvas"></canvas>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|