Не работает функция добавления нового div

@Glushchic · Регистрация: 05.08.2019

Author24 — интернет-сервис помощи студентам

Есть модальное окно:

PHP/HTML

<h1 class='contact-title'>Нашли нужную фразу?)<br>Вводи!</h1>
 <form action="">
 <table>
 <tbody>
    <tr>
         <td class="input"><input id="name_c" name="name" size="40" maxlength="40" class="input" type="text" placeholder="Имя" value="Даниил"></td>
    </tr>
    <tr>
         <td class="input"><input id="vk_C" name="subject" size="40" maxlength="40" class="input" type="text" placeholder="Ссылка на VK" value="vk.com"></td>
    </tr>
    <tr>
         <td class="input"><input id="time_code" name="subject" size="40" maxlength="40" class="input" type="text" placeholder="Таймкод" value=""></td>
    </tr>
    <tr>
         <td class="input"><textarea id="frase_form" name="text_message" cols="40" rows="5" class="input" placeholder="Текст"></textarea></td>
    </tr>  
    <br><br>       
    <tr>
        <td align="center">
            <!--Кнопка добавления нового div в другой div-->
            <input name="mail_submit" type="submit" value="Добавить" class="input_button" onclick="add_frase()">     
        </td>
    </tr>
</tbody></table>
 
 
 
</form>
<script type="main.js"></script>
<script type="text/javascript" src="jquery.js"></script>

Функция добавления:

Javascript

var answers = document.getElementById('frases');
function add_frase(){
    var i = 1;
    var div = document.createElement("div");
    var ul = document.createElement("ul");
    div.setAttribute('class','frase');
    ul.setAttribute('class','list3b');
    while(i < 4){
        var li = document.createElement("li");
        ul.appendChild(li);
        switch(i){
            case 1:
                li.innerHTML = "Даниил";//get_cookie('username')
                break;
            case 2:
                li.innerHTML = "vk.com";//get_cookie('uservk')
                break;
            case 3:
                li.innerHTML = currTime;
                break;
            case 4:
                li.innerHTML = document.getElementById('frase_form').value;
                break;
        }
        i++;
    }
    div.appendChild(ul);
    answers.appendChild(div);
}

при нажатии на кнопку ничего не происходит.Помогите понять в чем проблема.

@Oldshelf · 28.04.2020, 15:23

Есть ли элемент с идентификатором "frases" (в приведённом примере нет)? Что показывает в браузере консоль ошибок JavaScript?

Чтобы избежать отправки формы, нужно заменить тип "submit" на "button":

HTML5

1	<input name="mail_submit" type="button" value="Добавить" class="input_button" onclick="add_frase()">

	28.04.2020, 15:23

Не работает функция добавления нового div

Решение