Cần giúp đỡ tìm lỗi code JS không append vào HTML được

[nguyen.h (Lê Thạc Kiên)]

em có đoạn code JS append vào HTML như sau: và nó k append vào file HTML được. ae giúp em tìm lỗi với, many thanks

var images = [
{
	src: 'xxx.jpg',
	count_like: 9898,
	user: {
		name: 'Nguyen Minh Huy',
		avatar: 'xxx.jpg'
	}
},
{
	src: 'xxx.jpg',
	count_like: 98,
	user: {
		name: 'Nguyen Minh Huyen',
		avatar: 'xxx.jpg'
	}
},
{
	src: 'xxx.jpg',
	count_like: 123,
	user: {
		name: 'Nguyen Minh hoang',
		avatar: 'xxx.jpg'
	}
},
{
	src: 'xxx.jpg',
	count_like: 999,
	user: {
		name: 'Nguyen Minh hao',
		avatar: 'xxx.jpg'
	}
},
{
	src: 'xxx.jpg',
	count_like: 345,
	user: {
		name: 'Nguyen Minh ha',
		avatar: 'xxx.jpg'
	}
},
{
	src: 'xxx.jpg',
	count_like: 345,
	user: {
		name: 'Nguyen Minh ha',
		avatar: 'xxx.jpg'
	}
},

];

var app = {
	draw : draw,
};

$(document).ready(function () {
		app.draw();
});

function draw(){
	images.each(function(key,image) {
		var html = 
		
		'<div class="image">'
		+	'<img src="'+image.src+'">'
	+	'</div>'
	+	'<div class="content-img">'
		+	'<div class="like">'
			+	'<a href="#">'
				+	'<img src="like.png">'
				+	'<span>'+image.count_like+'</span>'
			+	'</a>'
		+	'</div>'
		+	'<div class="user">'
			+	'<img src="'+image.user.avatar+'">'
			+	'<a href="#">'+image.user.name+'</a>'
		+	'</div>'
		+	'<div class="download">'
			+	'<a href="#">'
				+	'<img src="download.png">'
			+	'</a>'
		+	'</div>'
	+	'</div>';

	$('footer div.col-4').append(html)
	});
}

[vuanhhaogk (Vu Anh Hao)]

images.each(function(key, image){ ... })

chuyển thành

images.forEach(function(image){ ... })
hoặc
for (let image of images){ ... }

[nguyen.h (Lê Thạc Kiên)]

vẫn k được bạn ạ ! t gửi bạn cả folder luôn nhé

[vuanhhaogk (Vu Anh Hao)]

Ừm, cứ gửi xem sao ^^

[nguyen.h (Lê Thạc Kiên)]

ở đây k có nút upload folder nhỉ? :((

[drgnz]

Muốn gửi file nhanh bạn có thể dùng http://wikisend.com/

[nguyen.h (Lê Thạc Kiên)]

chỉ up được file thôi b à

[drgnz]

Bạn có thể nén lại và chia sẽ file nén là được.

[nguyen.h (Lê Thạc Kiên)]

cảm ơn bạn nhé :))))))

[nguyen.h (Lê Thạc Kiên)]

bạn ơi, file đây http://wikisend.com/download/503762/unsplash.zip

[Nguyen_Hoang (Nguyễn Hoàng)]

var app = {
draw : draw,
};

var app = {
draw : draw,
}; ?? nhìn qua là biết cái này undefine

[nguyen.h (Lê Thạc Kiên)]

nó chỉ là khai báo đối tượng thôi bạn !

[vuanhhaogk (Vu Anh Hao)]

Hahaha! Trong Javascript thì nó vẫn được =)). Function nó sẽ tự đẩy lên đầu hết

[Nguyen_Hoang (Nguyễn Hoàng)]

nhìn lại lexical scope của nó. :)) không tin hãy f12 lên và nhìn nhé :))

[vuanhhaogk (Vu Anh Hao)]

lexical scope

Sorry em mắt mờ không nhìn rõ
=))

[Nguyen_Hoang (Nguyễn Hoàng)]

mà mình làm js cũng nhiều sao không nhớ nó có cái hàm each này nhỉ, không biết bạn kai lấy nó ở đâu …

[vuanhhaogk (Vu Anh Hao)]

Hình như nó trong JQuery thì phải

[Nguyen_Hoang (Nguyễn Hoàng)]

hơn nữa callback truyền vào iterator thường sẽ nhận tham số là value và key chứ nhỉ bạn sao kia lại là key, value ?

[vuanhhaogk (Vu Anh Hao)]

Ừm, công nhận, cũng đang thắc mắc.

[vuanhhaogk (Vu Anh Hao)]

Code đã fix!

var images = [
{
	src: 'xxx.jpg',
	count_like: 9898,
	user: {
		name: 'Nguyen Minh Huy',
		avatar: 'xxx.jpg'
	}
},
{
	src: 'xxx.jpg',
	count_like: 98,
	user: {
		name: 'Nguyen Minh Huyen',
		avatar: 'xxx.jpg'
	}
},
{
	src: 'xxx.jpg',
	count_like: 123,
	user: {
		name: 'Nguyen Minh hoang',
		avatar: 'xxx.jpg'
	}
},
{
	src: 'xxx.jpg',
	count_like: 999,
	user: {
		name: 'Nguyen Minh hao',
		avatar: 'xxx.jpg'
	}
},
{
	src: 'xxx.jpg',
	count_like: 345,
	user: {
		name: 'Nguyen Minh ha',
		avatar: 'xxx.jpg'
	}
},
{
	src: 'xxx.jpg',
	count_like: 345,
	user: {
		name: 'Nguyen Minh ha',
		avatar: 'xxx.jpg'
	}
},

];


function draw(){
	images.forEach(function(image) {
		var html = 
		
		'<div class="image">'
		+	'<img src="'+image.src+'">'
	+	'</div>'
	+	'<div class="content-img">'
		+	'<div class="like">'
			+	'<a href="#">'
				+	'<img src="like.png">'
				+	'<span>'+image.count_like+'</span>'
			+	'</a>'
		+	'</div>'
		+	'<div class="user">'
			+	'<img src="'+image.user.avatar+'">'
			+	'<a href="#">'+image.user.name+'</a>'
		+	'</div>'
		+	'<div class="download">'
			+	'<a href="#">'
				+	'<img src="download.png">'
			+	'</a>'
		+	'</div>'
	+	'</div>';

	$('footer div.col-4').append(html)
	});
}

$('li a.more').on('click', function(){
	$('ul.toggle-hide').toggle();
});

var app = {
	draw : draw,
};

$(document).ready(function () {
	app.draw();	
});