全角カナを半角カナに変換するJavaScriptツール(逆も可能)

henkanObj.js

function inverseObject(obj, keyIsNumber) {
  return Object.keys(obj).reduceRight(function (ret, k) {
    return (ret[obj[k]] = keyIsNumber ? parseInt(k, 10) : k, ret);
  }, {});
}
var henkanObj = {
  'ア': 'ｱ',
  'イ': 'ｲ',
  'ウ': 'ｳ',
  'エ': 'ｴ',
  'オ': 'ｵ',
  'カ': 'ｶ',
  'キ': 'ｷ',
  'ク': 'ｸ',
  'ケ': 'ｹ',
  'コ': 'ｺ',
  'サ': 'ｻ',
  'シ': 'ｼ',
  'ス': 'ｽ',
  'セ': 'ｾ',
  'ソ': 'ｿ',
  'タ': 'ﾀ',
  'チ': 'ﾁ',
  'ツ': 'ﾂ',
  'テ': 'ﾃ',
  'ト': 'ﾄ',
  'ナ': 'ﾅ',
  'ニ': 'ﾆ',
  'ヌ': 'ﾇ',
  'ネ': 'ﾈ',
  'ノ': 'ﾉ',
  'ハ': 'ﾊ',
  'ヒ': 'ﾋ',
  'フ': 'ﾌ',
  'ヘ': 'ﾍ',
  'ホ': 'ﾎ',
  'マ': 'ﾏ',
  'ミ': 'ﾐ',
  'ム': 'ﾑ',
  'メ': 'ﾒ',
  'モ': 'ﾓ',
  'ヤ': 'ﾔ',
  'ユ': 'ﾕ',
  'ヨ': 'ﾖ',
  'ラ': 'ﾗ',
  'リ': 'ﾘ',
  'ル': 'ﾙ',
  'レ': 'ﾚ',
  'ロ': 'ﾛ',
  'ワ': 'ﾜ',
  'ヲ': 'ｦ',
  'ン': 'ﾝ',
  'ァ': 'ｧ',
  'ィ': 'ｨ',
  'ゥ': 'ｩ',
  'ェ': 'ｪ',
  'ォ': 'ｫ',
  'ッ': 'ｯ',
  'ャ': 'ｬ',
  'ュ': 'ｭ',
  'ョ': 'ｮ',
  'ガ': 'ｶﾞ',
  'ギ': 'ｷﾞ',
  'グ': 'ｸﾞ',
  'ゲ': 'ｹﾞ',
  'ゴ': 'ｺﾞ',
  'ザ': 'ｻﾞ',
  'ジ': 'ｼﾞ',
  'ズ': 'ｽﾞ',
  'ゼ': 'ｾﾞ',
  'ゾ': 'ｿﾞ',
  'ダ': 'ﾀﾞ',
  'ヂ': 'ﾁﾞ',
  'ヅ': 'ﾂﾞ',
  'デ': 'ﾃﾞ',
  'ド': 'ﾄﾞ',
  'バ': 'ﾊﾞ',
  'ビ': 'ﾋﾞ',
  'ブ': 'ﾌﾞ',
  'ベ': 'ﾍﾞ',
  'ボ': 'ﾎﾞ',
  'パ': 'ﾊﾟ',
  'ピ': 'ﾋﾟ',
  'プ': 'ﾌﾟ',
  'ペ': 'ﾍﾟ',
  'ポ': 'ﾎﾟ',
  'ヴ': 'ｳﾞ',
  'ヷ': 'ﾜﾞ',
  'ヺ': 'ｦﾞ',
  '。': '｡',
  '、': '､',
  'ー': 'ｰ',
  '「': '｢',
  '」': '｣',
  '・': '･',
  '゛': 'ﾞ',
  '゜': 'ﾟ'
};
var han2zen = function(str) {
  var reg = new RegExp('(' + Object.keys(henkanObj).join('|') + ')', 'g');
  return str.replace(reg, function(match) {
    return henkanObj[match];
  });
};
var zen2han = function(str) {
  var k = inverseObject(henkanObj);
  var reg = new RegExp('(' + Object.keys(k).join('|') + ')', 'g');
  return str.replace(reg, function(match) {
    return k[match];
  });
};
var a = document.getElementById('a');
var b = document.getElementById('b');
var copy = document.getElementById('copy');
var notice = document.getElementById('notice');
var r = document.querySelector('[type="radio"]:first-child');
var rr = document.querySelectorAll('[type="radio"]');
a.addEventListener('input', function() {
  b.value = r.checked ? han2zen(a.value) : zen2han(a.value);
});
copy.addEventListener('click', function() {
  b.select();
  document.execCommand('copy');
  notice.textContent = 'コピーしました。';
  setTimeout(function() {
    notice.textContent = '';
  }, 3000);
});
rr.forEach(function(i) {
  i.addEventListener('click', function() {
    b.value = r.checked ? han2zen(a.value) : zen2han(a.value);
  });
});