Сохранить html вход в localStorage

Question

к сожалению, я не могу получить свой новый код на моем последнем добавленном вопросе. поэтому извините, что я должен открыть новый вопрос.

мой код работает, но у меня есть два поля, но я хочу только одно. и, к сожалению, это работает только тогда, когда у меня есть поле для ключа и поле для значения.

Я хочу поле для имени. затем поле ниже для даты и т. д. c .. Я надеюсь, у вас есть подсказка для меня, когда вам нужно больше информации дайте мне знать, пожалуйста:)

<fieldset>
    <legend>Bitte Eintragen</legend>
    <input id="inpKey" type="text" placeholder="Name Eingeben">
    <input id="inpValue" type="text" placeholder="Hier">
    <button type="button" id="eingabe">Infos Eingeben</button>
    <button type="button" id="loeschen">Eingabe Löschen</button>
</fieldset>

<fieldset>
    <legend>Local Storage Ausgabe</legend>
    <div id="ausgabe"></div>
</fieldset>


<script type="text/javascript">
    const inpKey = document.getElementById("inpKey");
    const inpValue = document.getElementById("inpValue");
    const btnInsert = document.getElementById("eingabe");
    const lsOutput = document.getElementById("ausgabe");
    const btnclear = document.getElementById("loeschen");


    eingabe.onclick = function() {

        const key = inpKey.value;
        const value = inpValue.value;

        console.log(key);
        console.log(value);


        if (key && value) {
            localStorage.setItem(key, value);
            location.reload();
        }

    };


    for (let i = 0; i < localStorage.length; i++) {
        const key = localStorage.key(i);
        const value = localStorage.getItem(key);


        ausgabe.innerHTML += `${key}: ${value}<br />`;

    }


    loeschen.onclick = function() {
        localStorage.clear();
    }
</script>