index.html

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <title>最安経路検索</title>
    <meta name="description" content="最も遅れ、最も安い">
    <script src="./main.js" defer></script>
</head>
<body>
    <header>
        <h1>最安経路検索</h1>
    </header>

    <main>
        <div>
            <button type="button" onclick="addRelayPoint()">中間地点追加</button>
        </div>
        <form name="locationData">
            <div>
                <label>
                    出発地点: <input>
                </label>
            </div>
            <div id="relayPoints"></div>
            <div>
                <label>
                    到着地点: <input>
                </label>
            </div>
        </form>
        <div>
            <button type="button" onclick="searchTransfer()">検索</button>
        </div>
        <output></output>
    </main>

    <footer>
        <p>
            <small>&copy;2021 淵野アタリ</small>
        </p>
    </footer>
</body>
</html>