Javascript-форум - Не выводит текст

Не выводит слово "YES" при нажатии на кнопку YES и не выделяет жирным шрифтом, не срабатывает функция fanta.

Код:

<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8">

</head>

<body>

<script>

function addTextNode(text) {

  var newtext = document.createTextNode(text);  

     newtext.innerHTML = text; 

   var   p1 = document.getElementById("p1");



  p1.appendChild(newtext);

}



function fanta(text) {

 var n = text; 

 n.innerHTML = text;

 var   p1 = document.getElementById("p1");



  p1.appendChild(n);

}

</script>

</head>



<body>

  <button onClick="fanta('<b>YES!</b>');">YES!</button>

  <button onClick="addTextNode('NO! ');">NO!</button>

  <button onClick="addTextNode('WE CAN! ');">WE CAN!</button>



  <hr />



  <p id="p1">First line of paragraph.</p>

</body>

</html>

</body>

</html>

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> function addTextNode(text) { var newtext = document.createTextNode(text); var p1 = document.getElementById("p1"); p1.appendChild(newtext); } function fanta(text) { var p1 = document.getElementById("p1"); p1.insertAdjacentHTML("beforeEnd", text);; } </script> </head> <body> <button onClick="fanta('<b>YES!</b>');">YES!</button> <button onClick="addTextNode('NO! ');">NO!</button> <button onClick="addTextNode('WE CAN! ');">WE CAN!</button> <hr /> <p id="p1">First line of paragraph.</p> </body> </html>