Chord Transposer

🇺🇸 English | 🇮🇩 Bahasa Indonesia

\n \n

\n",[],[97],"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}",[],[106],"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.",[],[115],"249908c6-0bcf-11f1-9219-42dde27851f2","1fd87722-0bcf-11f1-b851-42dde27851f2",109,["D",1771311972522],1,[129],[35],{"_35":130,"_13":97,"_38":131,"_40":123,"_42":43,"_44":132,"_46":47,"_48":133,"_17":134,"_51":24,"_52":135,"_54":55,"_56":-5,"_83":136,"_18":137},"3bab99b0-0bd0-11f1-86fa-42dde27851f2","2cba8636-0bc2-11f1-86f9-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",[],[35,97],["D",1771117751021],[141,142],[19],{"_35":58,"_13":59,"_38":60,"_40":41,"_42":43,"_44":45,"_46":47,"_48":146,"_17":50,"_51":62,"_52":63,"_54":55,"_56":-5,"_83":147,"_18":148},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":143,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_83":144,"_18":145},["D",1771117751021],[],[19,37],["D",1771117751021],[],[19,59],"02ab6b74-e6f3-11f0-8c0a-42dde27851f2",["D",1767259184468],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","simple chord transposer","imageUrl","userId","22de98d0-1a98-11f0-b6b4-8dd629af732f","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","f1a011d2-6ff0-48b1-ae7d-0aba81b3ea1d","tursoName","02ab6b74e6f311f08c0a42dde27851f2","tursoHostname","02ab6b74e6f311f08c0a42dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789498239291],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_205":201},"org",{"_11":12,"_199":-5,"_200":201,"_159":160,"_202":203,"_204":55},"branch",{"_17":79,"_13":16,"_35":43,"_191":149,"_192":-5,"_193":-5,"_194":-5,"_195":-5,"_196":-5,"_197":14,"_198":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/2e848b6c-a955-453d-dc89-6c494681cc00/square512?exp=1789585199&sig=d83c9799ea2ce1027dc6e80f22a5d1246971e2ea2ab50c2974da81f4c5f1bc0e","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":149,"_13":14,"_48":270,"_151":-5,"_152":55,"_153":154,"_155":154,"_156":157,"_158":-5,"_159":160,"_161":88,"_162":47,"_163":-5,"_164":-5,"_165":50,"_166":167,"_168":169,"_170":171,"_172":271,"_174":50,"_175":176,"_177":176,"_178":179,"_180":179,"_181":179,"_182":176,"_183":176,"_184":272,"_186":273,"_188":274,"_190":55},[240,243,245,246,247,248,249],"files",[240,241,242,243,244,245,246,247,248,249],"counts",{"_230":50,"_231":232,"_233":50,"_32":234,"_235":236},[226,227],{"_35":65,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":45,"_46":47,"_48":66,"_17":50,"_51":67,"_52":-5,"_54":55,"_56":-5,"_18":225},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_35":58,"_13":59,"_38":60,"_40":41,"_42":43,"_44":45,"_46":47,"_48":61,"_17":50,"_51":62,"_52":63,"_54":55,"_56":-5,"_18":229},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_18":228},[19,37],[19,59],"pulls","branches",2,"forks",{"_237":50,"_239":50},"connections",{"_237":50,"_238":50},"count","unfilledCount","emptyCount",{"_35":65,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":45,"_46":47,"_48":138,"_17":50,"_51":67,"_52":-5,"_54":55,"_56":-5,"_83":268,"_18":269},{"_35":58,"_13":59,"_38":60,"_40":41,"_42":43,"_44":45,"_46":47,"_48":146,"_17":50,"_51":62,"_52":63,"_54":55,"_56":-5,"_83":266,"_18":267},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":143,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_83":264,"_18":265},{"_35":122,"_13":35,"_38":123,"_40":-5,"_42":43,"_44":124,"_46":47,"_48":125,"_17":126,"_51":67,"_52":-5,"_54":55,"_56":-5,"_83":262,"_18":263},{"_35":130,"_13":97,"_38":131,"_40":123,"_42":43,"_44":132,"_46":47,"_48":133,"_17":134,"_51":24,"_52":135,"_54":55,"_56":-5,"_83":260,"_18":261},{"_35":114,"_13":115,"_38":116,"_40":-5,"_42":43,"_44":45,"_46":47,"_48":117,"_17":118,"_51":24,"_52":119,"_54":55,"_56":-5,"_83":258,"_18":259},{"_35":105,"_13":106,"_38":107,"_40":-5,"_42":43,"_44":108,"_46":47,"_48":109,"_17":110,"_51":62,"_52":111,"_54":55,"_56":-5,"_83":256,"_18":257},{"_35":96,"_13":97,"_38":98,"_40":-5,"_42":43,"_44":99,"_46":47,"_48":100,"_17":101,"_51":24,"_52":102,"_54":55,"_56":-5,"_83":254,"_18":255},{"_35":86,"_13":87,"_38":88,"_40":-5,"_42":43,"_44":45,"_46":47,"_48":89,"_17":90,"_51":91,"_52":92,"_54":55,"_56":93,"_83":252,"_18":253},{"_35":76,"_13":77,"_38":78,"_40":-5,"_42":43,"_44":79,"_46":47,"_48":80,"_17":81,"_51":24,"_52":82,"_54":55,"_56":-5,"_83":250,"_18":251},[],[77],[],[87],[],[97],[],[106],[],[115],[],[35,97],[244],[35],[],[19,37],[],[19,59],[241,242],[19],["D",1767259184468],["D",1789498239291],{"_11":12,"_205":201},{"_11":12,"_199":-5,"_200":201,"_159":160,"_202":203,"_204":55},{"_17":79,"_13":16,"_35":43,"_191":149,"_192":-5,"_193":-5,"_194":-5,"_195":-5,"_196":-5,"_197":14,"_198":12},"ctx",{"_184":-5,"_222":308,"_309":310,"_311":312,"_313":55,"_314":55,"_315":55,"_316":47,"_317":-5,"_318":-7,"_319":-7,"_320":50,"_321":55,"_322":55,"_323":-5,"_324":55,"_325":55,"_326":55,"_327":-5},"ENV",{"_279":280,"_281":282,"_283":16,"_284":285,"_286":287,"_288":289,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]