diff --git a/basic.html b/basic.html
index e245c0f..75c418a 100644
--- a/basic.html
+++ b/basic.html
@@ -5,9 +5,20 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     
-    <title>HTML 5 Boilerplate</title>
+    <title>simple-synth</title>
   </head>
   <body>
+    <form>
+      <input type="radio" id="sinwave" name="wavechoice" value="sine" checked>
+      <label for="sinwave">Sine</label>
+      <input type="radio" id="squarewave" name="wavechoice" value="square">
+      <label for="squarewave">Square</label>
+      <input type="radio" id="triwave" name="wavechoice" value="triangle">
+      <label for="triwave">Triangle</label>
+      <input type="radio" id="sawtoothwave" name="wavechoice" value="sawtooth">
+      <label for="sawtoothwave">Sawtooth</label>
+
+    </form>
     <button id="start">Start</button>
     <button id="stop">Stop</button>
     <div style="padding: 10px;">
diff --git a/basic.js b/basic.js
index 2706c18..a8d3a8b 100644
--- a/basic.js
+++ b/basic.js
@@ -2,6 +2,10 @@ let osc = null;
 let gain = null;
 
 window.onload = function () {
+  let selectedWave = document.querySelector(
+    "input[name='wavechoice']:checked"
+  ).value;
+
   const audioContext = new AudioContext();
   // this gets the node for the start butten and adds to it an even listener for click, when clicked the synth will play
 
@@ -31,7 +35,7 @@ window.onload = function () {
       gain = audioContext.createGain();
     }
 
-    osc.type = "sine";
+    osc.type = "" + selectedWave;
     osc.frequency.setValueAtTime(
       parseFloat(freq.value),
       audioContext.currentTime
@@ -51,4 +55,15 @@ window.onload = function () {
     osc.stop();
     osc = null;
   });
+
+  function handleSelectionChange() {
+    let selectedValue = document.querySelector(
+      'input[name="choice"]:checked'
+    ).value;
+    console.log(selectedValue);
+  }
+
+  document.querySelectorAll("input[name='wavechoice']").forEach((rb) => {
+    rb.addEventListener("change", handleSelectionChange);
+  });
 };
