const data = JSON.parse(json);
const html = `
<tbody>${data.response.items.map(n => `
<tr>
<td>${n.title}</td>
<td>${n.director}</td>
<td>${n.year}</td>
<td>${Object.values(n.photo).map(n => `<img src="${n}">`).join('')}</td>
</tr>`).join('')}
</tbody>
`;
$('#example').append(html);
// или
document.querySelector('#example').insertAdjacentHTML('beforeend', html);
function reName(){
var target = event.target,
inputs = $('.reName');
for(var i = 0; i < inputs.length; i++){
inputs.eq(i).val(inputs.eq(i).parent().text());
}
if(target.className == 'reName'){
inputs.css('opacity','0');
$(target).css('opacity','1');
$(target).select();
$(target).keyup(function(){
console.log($(target).parent().text($(target).val()));
});
}else{
inputs.css('opacity','0');
}
}
document.addEventListener('click',reName);