全角英数字を半角英数字に変換する

※ カナは文字コードの順が違ったり濁点が交じるので単純変換は厳しい。
１１９　ＺＥＮＫＡＫＵ
---
↓変換

  view source
  JavaScript
  //ただの順置換

function zenToHan(str){
  str = str.replace(/[Ａ-Ｚａ-ｚ０-９]/g, function(s) {
    return String.fromCharCode(s.charCodeAt(0) - 0xFEE0);
  });
  return str;
}

function hanToZan(str){
  str = str.replace(/[A-Za-z0-9]/g, function(s) {
    return String.fromCharCode(s.charCodeAt(0) + 0xFEE0);
  });
  return str;
}

$(function(){
  $('button').on('click', function(){
    var val = $('#input').val();
    var id = $(this).attr('id');
    if(id === 'han'){
      val = zenToHan(val);
    }
    if(id === 'zen'){
      val = hanToZan(val);
    }
    $('#output').val(val);
    
  });

})



var str_zen = document.getElementById('before').textContent;
console.log(str_zen);
var str_han = zenToHan(str_zen);
console.log(str_han);
document.getElementById('after').textContent = str_han;

  CSS
  
  HTML
  
    ページのソースを表示 : Ctrl+U , DevTools : F12
    view-source:https://hi0a.com/demo/-js/js-zen-to-han/
  
  ABOUT
  
    hi0a.com 「ひまアプリ」は無料で遊べるミニゲームや便利ツールを公開しています。
    プログラミング言語の動作デモやWEBデザイン、ソースコード、フロントエンド等の開発者のための技術を公開しています。
    必要な機能の関数をコピペ利用したり勉強に活用できます。
    プログラムの動作サンプル結果は画面上部に出力表示されています。
    環境:最新のブラウザ GoogleChrome / Windows / Android / iPhone 等の端末で動作確認しています。
    画像素材や音素材は半分自作でフリー素材配布サイトも利用しています。LINK参照。
    動く便利なものが好きなだけで技術自体に興味はないのでコードは汚いです。
    途中放置や実験状態、仕様変更、API廃止等で動かないページもあります。