I'm struggling with finding a solution to this problem. I have an input field and a submit button. My goal is to update the value of a variable to match the value in the input field when the submit button is clicked.
Additionally, I need to execute a function when the submit button is clicked. Specifically, when the button is clicked, I want to retrieve a JSON file from Wikipedia based on the input given in the text field.
<div class="container">
<div class="row">
<div class="span8"><p>Please enter your search term:</p>
<input id="input" type="text" value="Denmark"><br>
<input type="button" id="submit" value="Search" />
</div>
<div class="span4"><div id="result"></div></div>
</div>
</div>
<script>
var searchTerm="";
var url="http://en.wikipedia.org/w/api.php?action=parse&format=json&page=" + searchTerm+"&redirects&prop=text&callback=?";
$('#submit').click(function (){
searchTerm='denmark';
});
$.getJSON(url,function fetchWiki(data){
wikiHTML = data.parse.text["*"];
$wikiDOM = $("<document>"+wikiHTML+"</document>");
$("#result").append($wikiDOM.find('.infobox').html());
});
I'm having trouble implementing the changes required for updating the value and running the function accordingly.
Your patience is appreciated as I am still learning JavaScript.