plays tone

1 year ago · cea1ed7da5
parent d772fe806e
commit cea1ed7da5
2 changed files with 13 additions and 0 deletions
--- a/app.js
+++ b/app.js
@ -3,10 +3,22 @@ const highest = 4186
 const range = highest - lowest

 const generateButton = document.querySelector('body > button')
+const playButton = document.querySelector('section > button:nth-of-type(1)')
+const stopButton = document.querySelector('section > button:nth-of-type(2)')
 const toneDisplay = document.querySelector('section dd')
+const synth = new Tone.Synth().toDestination()
 let newTone

 generateButton.addEventListener('click', () => {
 	newTone = Math.random() * range + lowest
 	toneDisplay.innerHTML = newTone
 })
+
+playButton.addEventListener('click', ()=>{
+	synth.triggerAttackRelease("C4");
+})
+
+stopButton.addEventListener('click', ()=>{
+	synth.triggerRelease();
+})
+
--- a/index.html
+++ b/index.html
@ -3,6 +3,7 @@
 <head>
 	<meta charset="UTF-8">
 	<title></title>
+	<script src="http://unpkg.com/tone"></script>
 	<script src="app.js" defer></script>
 </head>
 <body>