JSFiddle - React, Tailwind, and code Playground

by hollanditkzn

HTML

<div>
    <input type="text" id='name'>
    <input type="text" id='title'>
    <button>Нажми сюда</button>
</div>
<table width="100%">
  <tr>
    <td>
      Столбец 1
    </td>
    <td>
      Столбец 2
    </td>
  </tr>
  <tr>
    <td>Hello</td>
    <td>Hello</td>
  </tr>
</table>

CSS

table {
  color:black;
  text-align: center;
}
table tr td {
    border: 1px solid black
}

JavaScript

$(document).ready(() => {
	$('button').on('click', () => {
  	let name = $('#name').val();
    let title = $('#title').val();
  	$('table').append(`<tr><td>${name}</td><td>${title}</td></tr>`);
	});
})