JSFiddle - React, Tailwind, and code Playground

by Gespo

HTML

<html>
<body>

    <table id='table'>
      <tr>
        <th colspan="2">Кран</th>
        <th>Выплата</th>
        <th>Время</th>
        <th>Ссылка</th>
      </tr>

      <!-- Нужно добавлять строчки в этот участок и 
    дальше -->
    </table>
    <form>
       <input class="colortext" type="button" value="Жмяк" onclick="myFunc()">
    </form>
    
</body>
</html>

JavaScript

//Дополнительный совет - не загрязняйте глобальное пространство переменными, лучше объявите функцию, которая будет добавлять вашу разметку в таблицу и объявляйте переменные в ней
function myFunc() {

  //Для начала, вам нужно найти элемент, в который нужно вставить вашу разметку. Вданном случае таблицу с id='table'.
  var table = document.getElementById('table');

//Тут выдерните ваше значение из locslStorage, я просто присвою 1.
  var faucet1 = 1;
  //Теперь создаем строку и присваиваем ее переменной.
  var tr = document.createElement("tr");
  
  if (faucet1 == 1) {

//добавляем разметку в созданную строку
    tr.innerHTML = '<td>гег </td> <td> </td> <td> гег</td> <td> гег </td> <td> гег</td>';

//вставляем строку в таблицу
    table.appendChild(tr);

  } else {
  
    console.log('error');
    
  }

};