Sol : ${data[photos][i].sol}

Date : ${data[photos][i].earth_date}

Status : ${data[photos][i].rover.status}

Cam Name : ${data[photos][i].camera.full_name}

Rover Name : ${data[photos][i].rover.name}

` ap = 1 } else{ ht2 += `

Sol : ${data[photos][i].sol}

Date : ${data[photos][i].earth_date}

Status : ${data[photos][i].rover.status}

Cam Name : ${data[photos][i].camera.full_name}

Rover Name : ${data[photos][i].rover.name}

` ap = 0 } //$("#con1").html(ht1); //$("#con2").html(ht2); //console.log(data[photos].length) //console.log(ht1) //console.log("hi") if(data[photos].length != 0){ $("#bot").html(`

${ht1}

${ht2}

`); } else{ console.log("No image found"); } //console.log(ht1) } } else{ var data= await response.json(); console.log("error ........") $(".loader_container").css("display","none"); } } tempr(); } window.onload = function(){ $(".loader_container").css("display","none"); var date_d = new Date; if ((date_d.getMonth()+1).length = 1){ var month ="0"+(date_d.getMonth()+1) } else{ var month = (date_d.getMonth()+1) } $("input").attr( "max", date_d.getFullYear()+"-"+month+"-"+date_d.getDate() ); //console.log("'"+date_d.getFullYear()+"-"+month+"-"+date_d.getDate()+"'"); $("button").click(function(){ var date = $("input[type='date']").val(); var cam = $("select").val(); if(cam == "none"){ //$(".loader_container").css("display","none"); Swal.fire({ position: 'top-end', icon: 'error', title: 'Select a valid Value', //text:"Text Copied To Clipboard", showConfirmButton: false, timer: 1500, customClass:'swet' }); } else{ show_data(date,cam); $("#bot").html(""); $(".loader_container").css("display","block"); } }); var counter0 = 0; $(".fa-ellipsis-v").click(function(){ if (counter0 == 0){ $(".drop").css("right","10px"); counter0 = 1; } else { $(".drop").css("right","-100px"); counter0 = 0; } }); $("#about_cd").click(function(){ Swal.fire({ title: 'FEATURES', html: `

Filter using camera
Filter using date
Get recent images
Get info regarding each images

` }); }); $("#about_cs").click(function(){ Swal.fire({ title: 'ABOUT', html: ` This code get data from NASA API. Use the code for getting Curiosity rover images. ` }); }); $("#about_cr").click(function(){ Swal.fire({ title: 'FEATURES', html: `

ICON : Font awsome icons
API : NASA API
IMAGES CREDIT : NASA
JS EXTERNAL LIB : JQuery

` }); }); }

Mars images