не добавлять елемент в список если такой уже есть

буду признателен за помощь если подскажите, как не добавлять елемент в список если такой уже есть, пытаюсь сделать через массив, что каждый елемент я записываю в массив и в нем проверяю на совпадения но скрипт не работает почему то html:

<input type="text">
<span class="btn">click</span>
<div class="result"></div>

js:

function ready() {
    var arr = [];
    document.querySelector(".btn").onclick = function() {
        var val, result, elem, text;
        val = document.querySelector("input").value;
        result = document.querySelector(".result");
        elem = document.createElement("p");
        text = document.createTextNode(val);
        elem.appendChild(text);
        arr.push(elem);
        for (var i = 0; i < arr.length; i++) {
            var txt = arr[i].textContent;
            if (txt == val) {
                return false;
            } else {
               result.appendChild(elem); 
            }
        }
    };
}
document.addEventListener("DOMContentLoaded", ready);