ChordWikiでウクレレのコードダイアグラムが見たい

暫らくウクレレに触ってもいない日々が続きましたが、4月からは多少時間が取れそうな予感。
試験も延期になってしまったし、ここはひとつウクレレを練習したいなー。

…という前置きはさておき、
ChordWikiにはいつもお世話になっております。

でも、いまだに単純なコードも浮かばない初心者の私は、「コードダイアグラム付きならもっと良いのに…！」とか何度も思ったりしてました。

というわけでこんな解決策。需要ないかしら。

var lst = document.getElementsByClassName("chord"); 
for(i = 0; i < lst.length; i++){
  var a = lst[i].innerHTML;
  var b = a.replace("#", "%23")
           .replace("M7", "Maj7")
           .replace("-5", "(b5)")
           .replace("7b5", "7(b5)");
  if(0<=b.indexOf("/"))
    b.substring(0, b.indexOf("/"));
  lst[i].innerHTML = "<img src=\"http://hatena.g.hatena.ne.jp/"
    + "images/ukulele/" + b +".png\" "
    + "alt=\""+a+"\" />";
}

ページに表示してあるコードをコードダイアグラムに置換するjavascriptでした。
ちなみにかなり適当なので、置換されないコードもあるよ…！