JSFiddle - React, Tailwind, and code Playground

by Ekaterina Klimovich

HTML

<table>
<tr>
<td>Имя:</td>
<td><input type="text" id="nameTextbox" size="40" /></td>
</tr>
<tr>
<td>Фамилия:</td>
<td><input type="text" id="surnameTextbox" size="40" /></td>
</tr>
<tr>
<td>Телефон:</td>
<td><input id="ageTextbox" oninput="this.value = this.value.replace(/[^0-9\-.]|([0-9\-.]+)-|(\.[0-9]*)\.|(^-?0)0|^\./, '$1$2$3');" type="text" pattern="\-?\d+(\.\d{0,})?" size="40" /></td>
</tr>
</table>
<a href="javascript:void(0)" onclick="addNewComment();">Add</a><br />

<div id="commentsDiv">

</div>

JavaScript

function addNewComment() {
var commentsDiv = document.getElementById('commentsDiv');
var newComment = document.getElementById('nameTextbox');

var content = document.createTextNode(newComment.value);
var newDiv = document.createElement('div');

newDiv.appendChild(content);
commentsDiv.appendChild(newDiv);

    
}