在 <p> 标记中创建文本取决于 <select> 标记，javascript

Question

我想在输入标签之后创建带有文本（或类似内容）的 p 标签，在此用户在选择标签中选择国家之前通知用户他/她在此字段中输入的值。
例如：
用户选择美国：输入后必须出现“USD”
用户选择英格兰：输入后必须出现“GBP”

请解释为什么我的代码不起作用，这是正确的方法吗？

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

我建议使用现有元素并更改它的 innerText 属性。这是一个有效的示例。

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>