как создать словарь слов из заданного алфавита (JS)?

var arr = ['test', 'test1', 'test2']; 
array.innerHTML = arr; 
 
function pushArray(){ 
    var x = document.getElementById('newArray'); 
    var str = arr.indexOf(document.getElementById("inputAdd").value); 
    if(str == -1) { 
        arr.push(document.getElementById("inputAdd").value); 
        x.innerHTML = arr.join(); 
    }else{ 
        alert("Элемент уже существует"); 
    } 
} 
function wordArray(){ 
    var arrayAsString = document.getElementById('newArray').innerHTML; 
    var array = arrayAsString.split(','); 
    var str = document.getElementById("inputWord").value; 
    var newArr = array.sort(function (a, b) { 
        return b.length - a.length; 
    }); 
    var dpStr = str.slice(); 
 
    newArr.forEach(function (value) { 
        return dpStr = dpStr.replace(value, ""); 
    }); 
 
    if (!dpStr) { 
        alert("Слово " + str + " существует"); 
    } else { 
        alert("Слово " + str + " не существует"); 
    } 
 
}

<label><b>Массив: </b></label> 
<div id="array"></div> 
<label><b>Новый массив: </b></label> 
<div id="newArray"></div> 
 
<div id="dictArray"></div> 
    <form> 
        <label>Добавить новое слово в словарь</label> 
        <input id="inputAddStr" type="text"> 
        <input type="button" value="Добавить" onclick="addStr()"> 
    </form> 
    <div class="checkWord"> 
    <h2>Проверка слова на соответствие заданному алфавиту</h2> 
    <form> 
        <input type="text" id="inputWord"> 
        <input type="button" value="Проверить" onclick="wordArray()"> 
    </form> 
</div>