Как правильно использовать "Element.style.color"?

Question

Я не уверен, почему текст, который появляется после нажатия кнопки "Попробуйте", не красный?

HTML:

<button onClick="myFunction()">Try it</button>

Javascript:

function myFunction(){
"use strict";
var newpara = document.createElement("p");
var newcontent = document.createTextNode("This is a paragraph.");

// [ADD] Ensure that content is added to the paragraph element
newpara.appendChild(newcontent);

// [ADD] Ensure the paragraph element is added to the document
document.body.appendChild(newpara); 

    Element.style.color="#ff3300";
}

Answer 1

Пытатьсяnewpara.style.color = '#ff3300'

Answer 2

Правильный Element в newpara

newpara.style.color="#ff3300";

function myFunction(){
"use strict";
var newpara = document.createElement("p");
var newcontent = document.createTextNode("This is a paragraph.");

// [ADD] Ensure that content is added to the paragraph element
newpara.appendChild(newcontent);

// [ADD] Ensure the paragraph element is added to the document
document.body.appendChild(newpara); 

    newpara.style.color="#ff3300";
}

<button onClick="myFunction()">Try it</button>

Answer 3

Делать newpara.style.color.Также вам нужно добавить newcontent внутри newpara

function myFunction() {
  "use strict";
  var newpara = document.createElement("p");
  newpara.style.color = "#ff3300";
  var newcontent = document.createTextNode("This is a paragraph.");
  newpara.appendChild(newcontent)
  document.body.appendChild(newpara);

}

<button onClick="myFunction()">Try it</button>