Отображение формы входных данных в списке - PullRequest
Новая
       5

Отображение формы входных данных в списке

0 голосов
/ 10 апреля 2020

Я пробовал несколько способов, чтобы заставить мой код работать, но мне не удалось. Я хочу, чтобы введенный текст формы отображался в списке (id = "contact") после его отправки, например добавление нового контакта в список контактов. Это мой код, я очень ценю вашу помощь!

мой HTML: 

<div> 
<ul id="contactlist" class=ppl>
    <ol id="demo"></ol>
    <li id="pplli"><img id="wetalk" class="talkbox" src="img/talkbox.png"><p class="contactname">Aiden</p> </li>
    <li id="pplli"> <img id="wetalk1" class="talkbox" src="img/talkbox.png">Jaimie </li>
    <li id="pplli"><img id="wetalk2" class="talkbox" src="img/talkbox.png">Jimmy</li>
    <br>

    <buttom id="clearBtn" style="position:absolute;right:0px;bottom:0px;"></buttom>

    <br>

    <a href="#addform" class="ui-btn" id="add"><img id="plus" src="img/plus.png"></a>
</ul>
</div>

<section id="addform">
    <form name="myform" id="myform">
      <label for="fname">First name:</label><br>
      <input type="text" id="fname" class="myfname" placeholder="ex : Jen" name="fname" required><br>
      <label for="lname">Last name:</label><br>
      <input type="text" id="lname" class="mylname" placeholder="ex : Shen" name="lname" required ><br>
        <label for="pname">Phone:</label><br>
      <input type="text" id="pname" class="mypname" placeholder="ex : 333-333-333" name="pname" required >
    <input type='button' onclick='addName' class="btn" value='Submit' />

    </form>
</section>

Это мой javascript: 

    var demo = document.getElementById("demo");

    function addName(){
    var fname = document.getElementById("fname").value;
    var entry = document.createElement("li");
    entry.appendChild(document.createTextNode(fname));
    demo.appendChild(entry);
}

Спасибо большое много!

1 Ответ

0 голосов
/ 10 апреля 2020

Единственное, что вы делаете неправильно, это

измените 

  <input type='button' onclick='addName' class="btn" value='Submit' />

на 

 <input type='button' onclick='addName()' class="btn" value='Submit' />

вам нужно передать имя вашей функции с помощью ().

Надеюсь, это поможет!

...