Chord Transposer

\n \n

\n",[],[119],"4c5c90cc-0a07-11f1-b3d0-42dde27851f2","chordTransposer.js","43784680-0661-11f1-95d1-42dde27851f2",26,["D",1771116188719],7,"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(\" \");\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}",[],[128],"82b27014-0a08-11f1-a4d0-42dde27851f2","README.md","019c0d55-ef8d-706f-a101-36c4ae9a6adf",29,["D",1771116709383],"# 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.",[],[137],["D",1771116789032],[147,148],[19],{"_36":81,"_13":82,"_63":83,"_65":66,"_67":68,"_69":84,"_71":72,"_38":152,"_17":86,"_75":87,"_76":88,"_78":52,"_79":-5,"_106":153,"_18":154},{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":149,"_17":74,"_75":24,"_76":77,"_78":52,"_79":-5,"_106":150,"_18":151},["D",1771116798264],[],[19,62],["D",1771116794683],[],[19,82],["D",1767259184468],"legacyEnvVars","httpPrivacy","description","simple chord transposer","imageUrl","userId","22de98d0-1a98-11f0-b6b4-8dd629af732f","pinnedFileId","02ad4354-e6f3-11f0-8c0a-42dde27851f2","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","02ab6b74e6f311f08c0a42dde27851f2","tursoHostname","02ab6b74e6f311f08c0a42dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789584678400],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_201":197},"org",{"_11":12,"_195":-5,"_196":197,"_161":162,"_198":199,"_200":52},"branch",{"_17":121,"_13":16,"_36":68,"_43":44,"_46":37,"_47":191,"_192":54,"_193":44,"_194":57,"_58":14,"_55":12},90,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/2e848b6c-a955-453d-dc89-6c494681cc00/square512?exp=1789587631&sig=5aaa83070fbea4c4bbb6dcf6c770b6bd5e041501e3e2052592be928ff174f224","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":44,"_13":14,"_38":264,"_50":-5,"_156":52,"_53":54,"_157":54,"_158":159,"_160":-5,"_161":162,"_163":164,"_165":72,"_166":-5,"_167":-5,"_168":32,"_56":57,"_169":170,"_171":172,"_173":265,"_175":32,"_176":177,"_178":177,"_179":180,"_181":180,"_182":180,"_183":177,"_184":177,"_185":266,"_187":267,"_189":268,"_51":52},[240,243,244,245,246,247],"files",[240,241,242,243,244,245,246,247],"counts",{"_230":32,"_231":232,"_233":32,"_35":234,"_235":236},[226,227],{"_36":90,"_13":19,"_63":66,"_65":-5,"_67":68,"_69":93,"_71":72,"_38":224,"_17":86,"_75":91,"_76":-5,"_78":52,"_79":-5,"_18":225},"upstreamProject","upstreamBranch",{"_36":37,"_38":222,"_40":223,"_13":42,"_43":44,"_17":45,"_46":-5,"_47":-5,"_48":49,"_50":-5,"_51":52,"_53":54,"_55":12,"_56":57,"_58":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1767259184468],["D",1778580679803],["D",1771116789032],[19],{"_36":81,"_13":82,"_63":83,"_65":66,"_67":68,"_69":84,"_71":72,"_38":85,"_17":86,"_75":87,"_76":88,"_78":52,"_79":-5,"_18":229},{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":73,"_17":74,"_75":24,"_76":77,"_78":52,"_79":-5,"_18":228},[19,62],[19,82],"pulls","branches",2,"forks",{"_237":32,"_239":32},"connections",{"_237":32,"_238":32},"count","unfilledCount","emptyCount",{"_36":90,"_13":19,"_63":66,"_65":-5,"_67":68,"_69":93,"_71":72,"_38":144,"_17":86,"_75":91,"_76":-5,"_78":52,"_79":-5,"_106":262,"_18":263},{"_36":81,"_13":82,"_63":83,"_65":66,"_67":68,"_69":84,"_71":72,"_38":152,"_17":86,"_75":87,"_76":88,"_78":52,"_79":-5,"_106":260,"_18":261},{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":149,"_17":74,"_75":24,"_76":77,"_78":52,"_79":-5,"_106":258,"_18":259},{"_36":136,"_13":137,"_63":138,"_65":-5,"_67":68,"_69":139,"_71":72,"_38":140,"_17":86,"_75":24,"_76":141,"_78":52,"_79":-5,"_106":256,"_18":257},{"_36":127,"_13":128,"_63":129,"_65":-5,"_67":68,"_69":130,"_71":72,"_38":131,"_17":132,"_75":87,"_76":133,"_78":52,"_79":-5,"_106":254,"_18":255},{"_36":118,"_13":119,"_63":120,"_65":-5,"_67":68,"_69":121,"_71":72,"_38":122,"_17":123,"_75":24,"_76":124,"_78":52,"_79":-5,"_106":252,"_18":253},{"_36":109,"_13":110,"_63":111,"_65":-5,"_67":68,"_69":112,"_71":72,"_38":113,"_17":86,"_75":114,"_76":115,"_78":52,"_79":-5,"_106":250,"_18":251},{"_36":101,"_13":102,"_63":103,"_65":-5,"_67":68,"_69":86,"_71":72,"_38":104,"_17":32,"_75":24,"_76":105,"_78":52,"_79":-5,"_106":248,"_18":249},[],[102],[],[110],[],[119],[],[128],[],[137],[],[19,62],[],[19,82],[241,242],[19],["D",1767259184468],["D",1789584678400],{"_11":12,"_201":197},{"_11":12,"_195":-5,"_196":197,"_161":162,"_198":199,"_200":52},{"_17":121,"_13":16,"_36":68,"_43":44,"_46":37,"_47":191,"_192":54,"_193":44,"_194":57,"_58":14,"_55":12},"ctx",{"_185":-5,"_219":302,"_303":304,"_305":306,"_307":52,"_308":52,"_309":52,"_310":72,"_311":-5,"_312":-7,"_313":-7,"_314":32,"_315":52,"_316":52,"_317":-5,"_318":52,"_319":52,"_320":52,"_321":-5},"ENV",{"_273":274,"_275":276,"_277":42,"_278":279,"_280":281,"_282":283,"_284":285,"_286":287,"_288":289,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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"]