为什么我在运行程序时得到一个错误信息："dates is not defined"，当dates是在外部js库中定义的时候？"dates is not defined," when dates is defined in an external js library?

Question

我正在编写一个程序，它的下拉菜单是我从一个库中导入的。我的目标是获得日期和月份，并使用它来计算黄道星座。"dates is not defined." How can I reference the date and month from the dropdown menu correctly? 我怎么才能从下拉菜单中正确引用日期和月份呢？

var astro_sign

function getzodiac() {

var day = parseInt(document.getElementsByClassName('bear-dates').value);
var month = document.getElementsByClassName('bear-months').value;
var year = document.getElementsByClassName('bear-years').value;

 if (month == "December"){ 

        if (day < 22) 
        astro_sign = "Sagittarius"; 
        else
        astro_sign ="Capricorn"; 
    } 

然后我想让它打印一个输出。

document.getElementById("zodiac").innerHTML="You were born under the sign of" + " "+astro_sign+"!"

这是我的主体。

<h5 id="zodiac"> </h5> 
<button class="button" onclick="getzodiac()">get my zodiac!</button> 

这是在库的js文件中如何定义dates的。

function dates(tags)
{

    if(tags == '')
    //If the dates('') paramenter is empty, add no tags
    {
        var dates = "";
        var i;
        for (i = 1; i < 32;  i++ )
        {
            dates += i;
        }
    }
    else
    //If the dates('option') has paramenter, add the tags to it
    {
        var dates = "";
        var i;
        for (i = 1; i < 32;  i++ )
        {
            dates += "<" + tags +">" + i +"</" + tags +">";
        }   
    }    

Answer 1

在HTML中插入的代码中，你有一个对dates()函数的引用，这个函数是在日历.js文件中声明的，但你没有使用 "export "关键字导出它。MDN导出

export dates(){
    //some code
}

接下来你可以用HTML代码脚本导入它

import dates from './calendar.js'

现在你可以在你的代码中使用函数dates()了，同样的道理也适用于在Calendar.js中声明的其他函数，月份()和年份()