जावास्क्रिप्ट डोम समस्या

मैं जावास्क्रिप्ट DOM का आदी होने का प्रयास कर रहा हूं।
लेकिन मैं इस मुद्दे को समझ नहीं पा रहा हूं।

फ़ंक्शन को वह नाम दिखाना चाहिए जिसे मैं हैलो के साथ दर्ज करता हूं, लेकिन इससे कोई फर्क नहीं पड़ता कि मैंने क्या किया, यह केवल हैलो, कौन दिखाता है।

HTML कोड:

<pre>
<form>
    <input type="text" placeholder="name" autocomplete="off" onkeyup="full()" id="fname">
</form>
 <p id="p"></p>

यहाँ मेरा जेएस कोड है.

var name = document.getElementById("fname");
var p = document.getElementById("p");
              function full(){
                if (name.value) {
                    p.innerHTML = "hello, ${name.value}";
                    console.log(1);
                }
                else {
                    p.innerHTML = "hello, who";
                    console.log(2);
                }
              }

मैंने क्या प्रयास किया है:

मैंने इवेंट को ऑनइनपुट से ऑनकीअप में बदल दिया, लेकिन परिणाम वही मिला।