Refine the chord key script?

Question

JavaScript

Good day! I am making a section with guitar chords on my website and I need to change the key of the chords (transposition). On the Internet, I found only two scripts: transposition and output of images of chords. The question is how to combine these two scripts so that when changing the key, the example of the chord images also change according to the change in key, as on https://amdm.ru/akkordi/ddt/93438/chto_takoe_osen/ or if someone can share a ready-made script, I will be very grateful, I have been looking for something similar for a month, I can’t find it, unfortunately I don’t understand js.
The scripts themselves are here https://codepen.io/den92ya/pen/oERzqE
I also found a tonality script https://codepen.io/den92ya/pen/NyVbrN

Answer 1

Your chords, as far as I can see, are already changing incorrectly. There is no such Hbm - there is Bm.
And so, from the point of view of technology - you have a limited set of chords, pull out all the pictures for them and change them with a script when changing by half a tone higher or lower. Although some kind of amateurism is obtained, in terms of accompaniment.