From 365895997c7de9b947c6f1ab37b43da6122539c6 Mon Sep 17 00:00:00 2001
From: Toni <tokasal@utu.fi>
Date: Sat, 17 Apr 2021 14:31:54 +0300
Subject: [PATCH] =?UTF-8?q?A/B-testin=20j=C3=A4lkeen=20vaihdoin=20napit=20?=
=?UTF-8?q?selectiin?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/App.css | 7 ++-----
src/App.js | 38 ++++++++++++++++++++++----------------
2 files changed, 24 insertions(+), 21 deletions(-)
diff --git a/src/App.css b/src/App.css
index 4e004ba..e849f9b 100644
--- a/src/App.css
+++ b/src/App.css
@@ -56,14 +56,11 @@
cursor: pointer;
}
-#soittimet {
- font-size: 20px;
- position: "absolute";
- bottom: 60;
+#sfmenu {
+ font-size: 30px;
cursor: pointer;
}
-
#sharp {
background-color: black;
color: white;
diff --git a/src/App.js b/src/App.js
index 9a56c9e..ea5e81c 100644
--- a/src/App.js
+++ b/src/App.js
@@ -231,16 +231,13 @@ 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")}
+
+ function handleSoitinChange(e) {
+ audioPlayer.setInstrument(e.target.value)
+
+ }
+
+
return (
@@ -278,12 +275,21 @@ function App() {
<button id="perus" onClick={handleE4Click}>.</button>
<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>
+
+ <select id="sfmenu"
+ defaultValue="flute"
+ onChange={handleSoitinChange}>
+ <option value="shakuhachi">shakuhachi</option>
+ <option value="cello">sello</option>
+ <option value="flute">huilu</option>
+ <option value="bassoon">fagotti</option>
+ <option value="french_horn">torvi</option>
+ <option value="choir_aahs">ihminen</option>
+ <option value="grand_acoustic_piano">piano</option>
+ <option value="bagpipe">säkkipilli</option>
+ <option value="breath_noise">hengitys</option>
+
+ </select>
</div>
)
--
GitLab