Olá pessoal, percebi que algumas pessoas usam "id" e "#" no início dos programas, é uma outra maneira de escrever? Parece mais trabalhoso.
<meta charset="UTF-8">
Coordenada X: <input id="posicaoX" value = 300><br>
Coordenada Y: <input id="posicaoY" value = 200><br>
Raio: <input id="raio" value = 10><br>
<button id="gera">Desenha flor</button><br>
<canvas id="quadro" width="600" height="400"></canvas>
<script>
var posicaoX = document.querySelector('#posicaoX');
var posicaoY = document.querySelector('#posicaoY');
var raio = document.querySelector('#raio');