Wikipedia Viewer Challenge Trouble


Hello, I’m kinda stuck on my wikipedia viewer challenge.
I figured it out how to get the data from the API, and made a for loop to display the content on the page, but somehow it didn’t load to the page.
What am I doing wrong?

Here’s the code:

    $(document).ready( function() {
	var userInput, url;

	function wikiSearch() {


	$('#search').on('click', function(event) {

		userInput = encodeURIComponent($('#userInput').val());
		wikiUrl = '' + userInput + '&format=json&callback=?';

						type: "GET",
						url: wikiUrl,
						async: false,
						dataType: "json",
						success: function(data) {

							for (var i = 0; i < data[1].lenght; i++) {
								$('.results').append('<li><a href="' + data[3][i] + '" target="_blank">' + data[1][i] + '</a><p>' + data[2][i] + '</p></li>');
						}, //end success
						error: function(err){
							'<p>' + error + '</p>';
					}); //AJAX call


$('.random-btn').on('click', function(event) {

$("#mari").on('click', function(event) {


Have you taken a look at the browser console? You can find out there if you have some error.

If you’re doing this on codepen, can you share a link? It’s easier for others to help you that way :slight_smile:


here it is:


I logged the data on the console, and I can see the data, but somehow, the loop isn’t working.


line 21: misspelled length.

$("#results").appendTo(li) will add #results element to the li element, instead of adding li element to results.

To avoid using + and escape characters for strings look into template literals.

let x = "";
let str = `<a href="${x}">Google</a>`;
console.log(str); // <a href="">Google</a>