如何在添加单词时创建数组数组(JavaScript)

时间:2018-03-17 10:43:18

标签: javascript html arrays class

有一个由元素(字母)组成的数组(字母)。在向其添加新单词时,如何实现创建给定字母表的单词字典?

  1. 用户在a => newArray = [test, test1, test2, a]文本字段中输入值(这是一个字母元素)(例如,InputAdd),将值添加到字母表中,并覆盖数组中的元素newArray(以下,所有操作均以newArray)发生。
  2. 用户在文本字段中输入值(单词)(例如,test1a)。程序检查输入的单词是否由newArray数组的元素组成,如果单词由newArray的元素组成,则我们将其添加到新的dictArray数组中,否则会产生错误。
  3. 因此,应该获得属于newArray的字母表的新添加单词的字典。它必须是数组数组或字符串数​​组或类

    
    
    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("Error");
        }
    }
    
     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("exist");
        } else {
            alert("no");
         }
    
     }
    
    <div id="array"></div>
    <div id="newArray"></div>
    <div class="addItem">
        <h2>Input letters </h2>
        <form>
            <input id ="inputAdd" type="text">
            <input type="button" value="Add" onclick="pushArray()">
        </form>
    </div>
    <div class="checkWord">
        <h2>Check words</h2>
        <form>
            <input type="text" id="inputWord">
            <input type="button" value="Check" onclick="wordArray()">
        </form>
    </div>
    <div class="dictionary">
          <div id="dictArray"></div>
        <form>
            <label>Add a new word to the dictionary</label>
            <input id="inputAddStr" type="text">
            <input type="button" value="Add" onclick="addStr()">
        </form>
        <form>
    &#13;
    &#13;
    &#13;

0 个答案:

没有答案