How do I create an HTML element with attributes and events using JavaScript?

Question

I was working on a school project on discovering JavaScript and am stuck with Element creating, so I would like to know how do I need to implement this.

Answer 1

Create element:

var element = document.createElement('table');

Adding attribute:

element.setAttribute( "id", "table1" );

Answer 2

there are two ways to create element and set attribute.
Creating Element
first way of creating element:

 let nameOfElement = document.createElement("tabel")

second way of creating element:

 let elementName = `<tabel></tabel>`

Now setting attributes
First way of setting attribute:

 nameOfElement.setAttribute("id", "the-value")

Second way of setting attribute:

 let creatingElement = `<tabel id="value"></tabel>`