Chord Transposer

🇺🇸 English | 🇮🇩 Bahasa Indonesia

\n \n

\n",[],[218],"41de2358-0bd9-11f1-84db-42dde27851f2","chordTransposer.js","ef9041aa-0a0a-11f1-bd59-42dde27851f2",133,["D",1771316316597],18,"const $ = (elt) => document.querySelector(elt);\nconst transposeBtn = $(\"#transpose-button\");\ntransposeBtn.addEventListener(\"click\", transpose);\n\nfunction transpose() {\n const chords = $(\"#chords-input\").value;\n const transposeBy = $(\"#transpose-by\").value;\n const chordArr = chords.split(\" \").filter((chord) => chord !== \"\");\n const majorChordArr = getMajorChords(chordArr);\n const transposedChordsArr = majorChordArr.map((chord) =>\n transposeSingleChord(chord, parseInt(transposeBy))\n );\n const chordTypesArr = getChordTypes(chordArr);\n const completeTransposedChordsArr = rejoinTransposedChords(\n transposedChordsArr,\n chordTypesArr,\n );\n console.log(chordArr, transposedChordsArr);\n const output = $(\"#chords-output\");\n output.value = completeTransposedChordsArr.join(\" \");\n}\n\nconst majorChords = [\n \"C\",\n \"C#\",\n \"D\",\n \"D#\",\n \"E\",\n \"F\",\n \"F#\",\n \"G\",\n \"G#\",\n \"A\",\n \"A#\",\n \"B\",\n];\n\nfunction getMajorChords(arr) {\n const majorChords = arr.map((str) => {\n if (str.includes(\"#\")) {\n return str.slice(0, 2).toUpperCase();\n } else {\n return str.slice(0, 1).toUpperCase();\n }\n });\n\n return majorChords;\n}\n\nfunction getChordTypes(arr) {\n const chordTypes = arr.map((str) => {\n if (str.includes(\"#\")) {\n return str.slice(2);\n } else {\n return str.slice(1);\n }\n });\n\n return chordTypes;\n}\n\nfunction transposeSingleChord(chord, num) {\n const index = majorChords.findIndex((validChord) => chord === validChord);\n let transposedIndex = index + num;\n\n if (transposedIndex > 11) {\n transposedIndex -= 12;\n } else if (transposedIndex < 0) {\n transposedIndex += 12;\n }\n\n return majorChords[transposedIndex];\n}\n\nfunction rejoinTransposedChords(majorChords, chordTypes) {\n return (\n majorChords.map((chord, index) => {\n return chord + chordTypes[index];\n })\n );\n}",[],[227],"ef904dda-0a0a-11f1-bd59-42dde27851f2","README.md","3be475dc-f74e-11f0-a012-42dde27851f2",["D",1771117751021],8,"# chordTransposer\n\nhttps://chordtransposer.val.run\n\njust enter space-separated valid chords (case insensitive) and the number of\nhalf-steps to transpose by (`-11` – `11`). it does not accept flat chords at the\nmoment so you have to convert it to sharp chords first, sorry.\n\nsometimes i just want to enter four chords and transpose it but have found no\ntools that simply does this so i made it myself.",[],[236],"3bab99b0-0bd0-11f1-86fa-42dde27851f2","2cba8636-0bc2-11f1-86f9-42dde27851f2","1fd87722-0bcf-11f1-b851-42dde27851f2",115,["D",1771312440706],15,"\n\n\n\n\n\n\n\n\nChord Transposer\n \n

Chord Transposer

🇺🇸 English | 🇮🇩 Bahasa Indonesia

\n \n

\n\n",[],[33,218],"249908c6-0bcf-11f1-9219-42dde27851f2",109,["D",1771311972522],1,[193],[33],["D",1771117751021],[],[18,76],["D",1771117751021],[],[18,86],["D",1771117751021],[190,191],[18],["D",1767259184468],["D",1789498239291],{"_11":12,"_141":81},{"_11":12,"_137":-5,"_80":81,"_31":79,"_138":139,"_140":30},{"_39":128,"_13":16,"_33":36,"_129":91,"_130":-5,"_131":-5,"_132":-5,"_133":-5,"_134":-5,"_135":14,"_136":12},"ctx",{"_53":-5,"_160":305,"_306":307,"_308":309,"_310":30,"_311":30,"_312":30,"_313":24,"_314":-5,"_315":-7,"_316":-7,"_317":26,"_318":30,"_319":30,"_320":-5,"_321":30,"_322":30,"_323":30,"_324":-5},"ENV",{"_276":277,"_278":279,"_280":16,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298,"_299":300,"_301":302,"_303":304},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · archive