1 files changed, 11 insertions, 10 deletions
diff --git a/index.html b/index.html
index 3876db0..78cd4e6 100644
--- a/index.html
+++ b/index.html
@@ -41,7 +41,7 @@ pre {
 <script type="text/scale" id="twelveet-scl">
 ! 12et.scl
 !
-12 equal temperament
+12-edo equal temperament (scl)
  12
 !
  100.
@@ -109,14 +109,6 @@ Wendy Carlos' Alpha scale with perfect fifth divided in nine
 <script src="intonation.js"></script>
 <div id="scale_list"></div>
 <script>
-var delim = "</span> <span>"
-function write(s){
-  var div = document.createElement("div")
-  div.innerHTML = s
-  scale_list.appendChild(div)
-  return div
-}
-
 var opts = [
   {
     intervals: '1/1 9/8 5/4 4/3 3/2 5/3 15/8 2/1',
@@ -156,6 +148,7 @@ var opts = [
     scl: document.querySelector("#carlos_alpha-scl").innerHTML,
   },
 ]
+
 var scale
 var scale_list = document.querySelector("#scale_list")
 
@@ -163,12 +156,13 @@ opts.forEach(function(opt){
   var s = new Intonation(opt)
   var heading = write( s.name )
   var limit = s.interval == 2 ? s.scale.length : s.scale.length*2
-  write( "<span>" + s.range(0, limit+1).map(function(i){ return i.toFixed(0) }).join(delim) + "</span>" )
+  write( "<span>" + s.range( 0, limit+1).map(function(i){ return i.toFixed(0) }).join("</span> <span>") + "</span>" )
   write("&nbsp;")
 
   if (! scale) {
     scale = s
     heading.classList.add("active")
+    console.log(s)
     console.log("scale:", s.name)
   }
 
@@ -178,6 +172,7 @@ opts.forEach(function(opt){
     active && active.classList.remove("active")
     scale = s
     heading.classList.add("active")
+    console.log(s)
     console.log("scale:", s.name)
   })
 })
@@ -230,6 +225,12 @@ function keydown (e){
   play(freq)
 }
 
+function write(s){
+  var div = document.createElement("div")
+  div.innerHTML = s
+  scale_list.appendChild(div)
+  return div
+}
 function play (freq) {
   console.log(freq.toFixed(0))
   polysynth.triggerAttackRelease(freq, 1.5)