How to create a new html element in javascript?

Question

I want to make a function where a new html element is created like a paragraph/div/list or anything i want.
For example user presses a button and onclick i add the function. Then the function adds an html element to the code. How to make this happen

Answer 1

var p = document.createElement("p");
var node = document.createTextNode("Some new text");
//adding the text to the paragraph
p.appendChild(node);

anything.append(p);

anything is the place where you want To put your paragraph

Answer 2

var anything is not defined in this case, but Yes if you assosiate it with an element of DOM.

Answer 3

This is covered in this course:
https://www.sololearn.com/Course/JavaScript/

Answer 4

https://www.sololearn.com/learn/JavaScript/2755/

Answer 5

Saad Mughal how do i give the element i just created an id?

Answer 6

p.id = "Name";

I think like this we can set Id not sure try this

Here p is a variable you created