main.js

const isJapanPoint = name => {
    const regJapaneseplace = /[\p{sc=Hiragana}\p{sc=Han}]/u;
    return regJapaneseplace.test(name);
}

const searchTransfer = () => {
    const points = document.forms.locationData.elements;
    const pointArray = Array.from(points).map((point) => point.value.trim()).filter(point => point !== "");
    if(pointArray.length < 2){
        alert("不正な入力です。")
        return;
    }
    //const text = pointArray.filter(point => point !== "") .join("\n| (徒歩)\n");
    let text = "";
    for(let i=0; i<pointArray.length; i+=1){
        text += pointArray[i];
        if(i === pointArray.length-1) break;
        const transportation = isJapanPoint(pointArray[i]) === isJapanPoint(pointArray[i+1]) ? "徒歩" : "水泳";
        text += `\n|(${transportation})\n`;
    }
    const output = document.querySelector("output");
    const button = document.querySelectorAll("button")[1];
    output.innerText = "検索中...";
    button.disabled = true;
    const necessaryTime = 2000 + Math.random() * 3000;
    setTimeout(() => {
        output.innerText = `${text}\n\n合計金額0円`;
        button.disabled = false;
        button.textContent = "再検索";
    }, necessaryTime);
}

const addRelayPoint = () => {
    const div = document.createElement("div");
    const label = document.createElement("label");
    const labelText = document.createTextNode("中継地点: ");
    const input = document.createElement("input");
    label.appendChild(labelText);
    label.appendChild(input);
    div.appendChild(label);
    const relayPoints = document.querySelector("#relayPoints");
    relayPoints.appendChild(div);
}