codepenでのフォームデータの使用方法

Question

私はフリーコードキャンプのためにウィキペディアのビューアで作業しており、検索バーを機能させようとしています。

理想的には、私はちょうどいくつかのテキストでユーザーの種類を持っているし、その後、ユーザーが送信をヒットしたときに私のコード内の文字列になることがあります。これは私がどんな助けをこれをやってのけるする方法で失われたビットが希望だ、これまで

<form method="get"> 
     <input type="text" placeholder="Search articles" class="srchbox" name="Search" id="searchbar"> 
     <button type="submit" class="btn">Search</button> 
</form> 

と、私は、検索

var apiURL = "https://en.wikipedia.org/w/api.php?format=json&action=opensearch&generator=search&search=" + textInput; 

$(document).ready(function() { 
    $.ajax({ 
    url: apiURL, 
    dataType: "jsonp", 
    success: function(data) { 
     var wikiAPI = JSON.stringify(data, null, 3); 
     console.log(wikiAPI); 

     var wikiHTML = ""; 

     for (i=0; i < data[1].length; i++) 
     { 
      wikiHTML += ("<a href =\"" + data[3][i] + "\" target=\"_blank\">") 
      wikiHTML += "<div class = \"wikicontent container-fluid\" style = \"color:black;\">"; 
      wikiHTML += ("<h2>" + data[1][i] + "</h2>"); 
      wikiHTML += ("<h3>" + data[2][i] + "</h3>"); 
      wikiHTML += "</div></a>" 
     } 
     $("#articles").html(wikiHTML); 

をしなければならないAPIのセットアップ検索バーのためのhtmlです偉大になる。ありがとうございました！

Answer 1

あなたは@Paytonは、[後で呼び出すために、アレイ内のリンクを照会して保存する方法は？]も参照してください#searchbar.value

​​