From 1a3a2cdbcf21d0cb0ae41f93ac2bce93f2547da8 Mon Sep 17 00:00:00 2001
From: Nicolas Mafra <nickmafra@hotmail.com>
Date: Thu, 26 Oct 2023 13:58:12 -0300
Subject: [PATCH] fix: move onchange to js

---
 index.html | 4 ++--
 script.mjs | 3 +++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 7b26f86..0e5163c 100644
--- a/index.html
+++ b/index.html
@@ -11,7 +11,7 @@
 
 <div>
 	<label>Grupo de notas</label>
-	<select id="noteGroup" onchange="onSelectNoteGroup()">
+	<select id="noteGroup">
 		<option value="12notes">12 notas</option>
 		<option value="17notes" selected>Ciclo das Quintas Básico</option>
 		<option value="35notes">Ciclo das Quintas Completo</option>
@@ -20,7 +20,7 @@
 </div>
 <div>
 	<label>Escala</label>
-	<select id="scale" onchange="onSelectScale()">
+	<select id="scale">
 		<option value="chromatic">Cromática</option>
 		<option value="pentatonic">Pentatônica</option>
 		<option value="natural major" selected>Maior Natural</option>
diff --git a/script.mjs b/script.mjs
index ac28031..fae124b 100644
--- a/script.mjs
+++ b/script.mjs
@@ -22,6 +22,9 @@ function start() {
 	scaleCircle = new CircleMaker(onSelectMode);
 	document.querySelector("#scaleCircle").appendChild(scaleCircle.element);
 	
+	document.querySelector("#noteGroup").onchange = onSelectNoteGroup;
+	document.querySelector("#scale").onchange = onSelectScale;
+	
 	onSelectNoteGroup();
 	onSelectScale();
 }