获取提交表单的用户输入并使用我的api的用户输入，该用户输入将搜索与用户输入单词押韵的单词

Question

嗨，这是关于堆栈溢出的第一个问题，我对编码很新。我环顾四周但找不到任何好的答案。基本上我的jquery / js和api请求看起来像这样：

wordInput = function(word){
var query = document.getElementById('queried').val;
$.ajax({
    type: 'GET',
    dataType: 'json',
    url: 'http:api.wordnik.com:80/v4/word.json/' + query + '/relatedWords?useCanonical=false&relationshipTypes=rhyme&limitPerRelationshipType=10&api_key=a2a73e7b926c924fad7001ca3111acd55af2ffabf50eb4ae5',
    success: function(data){
        console.log(data)
        //console.log(data[0].words)
        var rhymeWords = [];
        for(i=0; i<data[0].words.length; i++){
            //console.log(data[0].words[i])
            rhymeWords.push(data[0].words[i])
        }
        }
     }) 
}

我的HTML看起来像这样：

<form>
    <input type="text" id="queried" name="word" placeholder="enter word!"/>
    <input type="submit" id="subBut" name="mysubmit" value="Click!" onclick="wordInput()"/>
</form>

我试图将（'queried'）的用户输入值放入我的api url的查询变量中。因此，在用户单击提交后，它会在查询位置请求带有提交的单词的api。

我知道可能会有很多错误，但我迷路了，不知道还能做什么。谢谢