Javascript 更改日期应更改数据

Javascript 更改日期应更改数据,javascript,Javascript,您好,我不明白为什么当用户输入日期时,它不会更新URL。我将NASA API用于APOD并试图使其具有交互性,这里的问题是,当我手动更改URL时,API数据会加载该数据,但我不明白为什么我的用户输入数据不适用于它 //转到https://api.nasa.gov/index.html#apply-用于获取api密钥的api密钥 var apodContain=document.getElementById('apod'); var API_KEY='XEXVZGBBDDF14FSU6UZYZO

您好,我不明白为什么当用户输入日期时,它不会更新URL。我将NASA API用于APOD并试图使其具有交互性,这里的问题是,当我手动更改URL时,API数据会加载该数据,但我不明白为什么我的用户输入数据不适用于它

//转到https://api.nasa.gov/index.html#apply-用于获取api密钥的api密钥
var apodContain=document.getElementById('apod');
var API_KEY='XEXVZGBBDDF14FSU6UZYZOPYQAZSSUKSWASI8730G';
var datePick=document.getElementById('date');
datePick.max=todaysDate();
datePick.value=todaysDate();
var date=datePick.value;
var url='1〕https://api.nasa.gov/planetary/apod?api_key=“+API_KEY+”&date=“+date;
函数makeAPI请求(url){
var myRequest=new XMLHttpRequest();
myRequest.onreadystatechange=函数(){
if(myRequest.readyState==XMLHttpRequest.DONE){
如果(myRequest.status==200){
var responseText=myRequest.responseText;
myRequest.onload=函数(){
var responseJson=JSON.parse(responseText);
console.log(responseJson);
renderHTML(responseJson);
}
}否则{
var errorMessage=document.getElementById('error');
errorMessage.innerHTML=“此日期不起作用”;
}
}
}
//初始化AJAX
myRequest.open('GET',url,true);
myRequest.send();
};
makeapi请求(url);
datePick.addEventListener('change',函数(e){
日期=datePick.value;
url='1〕https://api.nasa.gov/planetary/apod?api_key=“+API_KEY+”&date=“+date;
})
函数todaysDate(){
var now=新日期();
var year=now.getFullYear();
var month=now.getMonth()+1;
var day=now.getDate();
返回年份+'-'+月份+'-'+天;
datePicker.setAttribute(“max”,datePicker.value);
}
函数renderHTML(数据){
var htmlString=“”;
htmlString=“”+”+data.title++“”+data.explauration++“

”; apodContain.insertAdjacentHTML('beforeend',htmlString); }
h1{
文本对齐:居中;
字体:粗体;
}
h5{
文本对齐:居中;
字体:粗体;
}
img{
显示:块;
左边距:自动;
右边距:自动;
宽度:500px;
高度:500px;
}

信息343载脂蛋白
信息343载脂蛋白
选择您的日期:
您忘记添加

datePick.addEventListener('change', function(e){

        date = datePick.value;
        url = 'https://api.nasa.gov/planetary/apod?api_key=' + API_KEY + '&date=' + date;

        makeApiRequest(url); // <- this

})
datePick.addEventListener('change',函数(e){
日期=datePick.value;
url='1〕https://api.nasa.gov/planetary/apod?api_key=“+API_KEY+”&date=“+date;

makeApiRequest(url);//请更新您的答案并修复您的javascript代码段。代码段允许您在一块中包含HTML、CSS和javascript。好的,我已经修复了谢谢!我不知道我怎么会忽略了这一点