JSFiddle - React, Tailwind, and code Playground

by Hiramoto Makiko

HTML

<p>対象URLを入力<br>（何が入るかわからないところは「xx」を入力）<br></p>
<textarea rows="5" cols="50" id="url" placeholder="https://usen-pos.com/xx/ad/
https://usen-pos.com/info/xx-ad/
https://usen-pos.com/uregi/mail/"></textarea>
<p>変換後</p>
<textarea rows="5" cols="50" id="result"></textarea><br>
<button id="translate">変換</button>

JavaScript

function urlTranslater(){
	var url = document.getElementById( "url" ).value;
  var URL = url.split('\n');
  for(var i=0; i<URL.length; ++i){
    URL[i] = URL[i].replace(/http.*\/\//g, '').replace(/\./g, '\\.').replace(/\-/g, '\\-').replace(/\_/g, '\\_').replace(/\//g, '\\/').replace(/\xx/g, '\.\*');
    //hoge += URLS.join('\|');
  }
  document.getElementById( "result" ).value = URL.join('\|');
}

document.getElementById("translate").onclick = function() {
  urlTranslater();
};