在中创建文字 <p> 标签取决于 <select>标签，JavaScript

Question

I want to create p tag with text(or something like that) after input tag, that inform user about value he/she type in this field, before this user select country in select tag.
For example:
User select USA: after input must appear "USD"
User select England: after input must appear "GBP"

And explain please why my code doesn't work, is it the right way?

JS:

function insertAfter(referenceNode, newNode) 
{
     referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
}

function createText() 
{
     var selectValue = document.getElementById("money").value;
     var CashInput = document.getElementById("cash");
     var temp = document.createElement("p");
     if (selectValue == "pound") 
     {
         var text = "GBP";
         temp.appendChild(text);
         insertAfter(CashInput, temp);
     }
}

HTML:

<select id="money" onchange="createText();">
    <option value="pound">England</option>
    <option value="doll">USA</option>
</select>

    <input id="cash">

Answer 1

I'd suggest using an existing element and just changing it's innerText attribute. Here is a functioning example.

 function insertAfter(referenceNode, newNode) { referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling); } function createText() { var selectValue = document.getElementById("money").value; var CashInput = document.getElementById("cash"); if (selectValue == "pound") { var text = "GBP"; } else if (selectValue == "doll") { text = "USD"; } document.getElementById("currency").innerText = text; } createText(); 

 <select id="money" onchange="createText();"> <option value="pound">England</option> <option value="doll">USA</option> </select> <input id="cash"> <span id="currency"></span>