Добавьте HTML с переменной, используя JavaScript

Question

Я пытаюсь, чтобы мой JavaScript напечатал переменную вместе с текстом, у меня есть пример (он не работает, я думаю ...):

CSS

.container {
  border: 2px solid #dedede;
  background-color: #f1f1f1;
  border-radius: 5px;
  padding: 10px;
  margin: 10px 0;
}
  @font-face {
  font-family: Superfont;
  src: url(Suplexmentary_Comic_NC.ttf);
  }
.name{
  font-size: 6px;
  border-style: solid;
  border-color: red;
}
.message{
  font-family: Superfont;
}

Java

let addthistext = "hi"
document.getElementById("parentID").appendChild(<div class="container">
    <p class="name">member</P>
    <p class="message">text</p>
  </div>)

Не могли бы вы попытаться придумать ответ?

Answer 1

Почти правильно, нужно создать новый element

let addthistext = "hi";
let el = document.createElement('p');
el.innerText = addthistext;
el.classList.add("text");
document.getElementById("parentID").appendChild(el)

.text{
font-family: "Times New Roman", Times, serif;
}

<div id='parentID'></div>

Answer 2

Я думаю, что ответ Доминика правильный, если вы хотите go с чистым javascript, но если вы хотите go с JQuery решением (что намного проще), попробуйте это:

$('#parentID').append('<p>addthistext</p>')