From c6ae35707ea4e816d0f02013d175b25a04b3cc12 Mon Sep 17 00:00:00 2001
From: Toni <tokasal@utu.fi>
Date: Sat, 17 Apr 2021 13:08:23 +0300
Subject: [PATCH] soittimen vaihto

---
 src/App.css |  7 +++++++
 src/App.js  | 17 +++++++++++++++++
 2 files changed, 24 insertions(+)

diff --git a/src/App.css b/src/App.css
index 6b1434b..4e004ba 100644
--- a/src/App.css
+++ b/src/App.css
@@ -56,6 +56,13 @@
   cursor: pointer; 
 }
 
+#soittimet {
+  font-size: 20px;
+  position: "absolute";
+  bottom: 60;
+  cursor: pointer; 
+}
+
 
 #sharp {
   background-color: black;
diff --git a/src/App.js b/src/App.js
index d12665a..9a56c9e 100644
--- a/src/App.js
+++ b/src/App.js
@@ -231,6 +231,17 @@ function App() {
   const handleFis4Click = () => {
     audioPlayer.stopNote(0)
     audioPlayer.playNote("F#4")}
+  const handlePianoClick = () => {
+    audioPlayer.setInstrument("acoustic_grand_piano")}
+  const handleSaxClick = () => {
+        audioPlayer.setInstrument("alto_sax")}
+  const handleAahClick = () => {
+        audioPlayer.setInstrument("choir_aahs")}
+  const handleShakuClick = () => {
+        audioPlayer.setInstrument("shakuhachi")}
+  const handleCelloClick = () => {
+        audioPlayer.setInstrument("cello")}
+          
                     
   return (
     <div className="app-container">
@@ -268,6 +279,12 @@ function App() {
       <button id="thin" onClick={handleF4Click}>-</button>
       <button id="sharp" onClick={handleFis4Click}>ä</button>
       
+      <button id="soittimet" onClick={handlePianoClick}>piano</button>
+      <button id="soittimet" onClick={handleSaxClick}>saksofoni</button>
+      <button id="soittimet" onClick={handleAahClick}>ihminen</button>
+      <button id="soittimet" onClick={handleShakuClick}>shakuhachi</button>
+      <button id="soittimet" onClick={handleCelloClick}>sello</button>
+      
     </div>
   )
 }
-- 
GitLab