HTML — не может использовать If — Else элемент существует в Javascript

не может использовать If — Else элемент существует в Javascript

Я написал функцию JS для создания таблицы в формате html и JS. Я хочу нажать кнопку Отправить, и после этого создать таблицу, но я не хочу, чтобы кнопка «Отправить» для создания другой таблицы при повторном нажатии я попытался использовать операторы IF — Else в функция, но она не работает

код:

Кнопка:

  document.getElementById("btn_submit").addEventListener("click",sizeGrid) 

функция

  function makeGrid(x,y) { event.preventDefault(); if (document.getElementById('tbl') != null) { return; } else { var body = document.getElementById('pixelCanvas'); var tbl = document.createElement('table'); for(var i = 0; i {amp}lt; x; i  ){ var tr = tbl.insertRow(); for(var j = 0; j{amp}lt;y; j  ){ var td= tr.insertCell() } } body.append(tbl); paint() } } 

HTML

  {amp}lt;h2{amp}gt;Design Canvas{amp}lt;/h2{amp}gt; {amp}lt;table id="pixelCanvas"{amp}gt; {amp}lt;/table{amp}gt; 

Таблица создается два раза после того, как я дважды нажму на кнопку отправить

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector