Присвоить уникальный id

142

17 января 2019, 21:30

Подскажите пожалуйста, как при нажатии на кнопку присвоить уникальный id в html тег

<p id="">Текст</p>

Исходный код

<textarea readonly id="txt" type="text" name="area" style="width:100%; height:300px; ">
<?php echo file_get_contents('textfile.txt') ?>
</textarea> <br>
<input class="btn btn-success mr-2" id="tx2" type="button" onclick='document.querySelector("textarea[name=area]").value+="<p class=\"dragElement txt\">" + document.getElementById("tx").value + "</p>"' value="Вставить текст"> &nbsp; <input id="tx" type="text" placeholder="Введите ваш текст">

Answer 1

document.getElementById("tx2").onclick = function(){ 
   var timeStampInMs = Date.now(); 
   document.getElementById("txt").value += 
   "<p class=\"dragElement txt\" id=\""+timeStampInMs+"\">" + document.getElementById("tx").value + "</p>" 
}

<textarea readonly id="txt" type="text" name="area" style="width:100%; height:300px; "> 
 <?php echo file_get_contents('textfile.txt') ?> 
 </textarea>  
 <br>  
 <input class="btn btn-success mr-2" id="tx2" type="button" value="Вставить текст"> &nbsp;  
 <input id="tx" type="text" placeholder="Введите ваш текст">