Ввод формы отображается неправильно, может ли кто-нибудь заметить ошибку?

Question

Итак, я пытаюсь отобразить ввод формы. Если вы нажмете кнопку «Отправить», отобразится не ввод, а innerText, может ли кто-нибудь заметить мою ошибку?

function showName(e){
    var wateringzoneName= document.getElementById("namewateringzone").value;
    document.getElementById("show").innerText = "wateringzoneName";        
}

<input type="text" id="namewateringzone" name="namewateringzone" placeholder="Namen der Bewässerungszone eingeben">
<input type="submit" onclick="showName()" name="submit" value ="Hinzufügen">
                                                <span id="show"></span>

Answer 1

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

function showName(e){
    var wateringzoneName= document.getElementById("namewateringzone").value;
    document.getElementById("show").innerText = wateringzoneName;        
}

<input type="text" id="namewateringzone" name="namewateringzone" placeholder="Namen der Bewässerungszone eingeben">
<input type="submit" onclick="showName()" name="submit" value ="Hinzufügen">
                                                <span id="show"></span>