无法使用javascript中的自定义事件从另一个文件触发此事件

单击“开始计数”按钮时，第一个计数器熄灭，最多可计数10次。 第一个计数器过期后，第二个计数器开始计数，最多计数20次。 计数器及其函数都在两个单独的js文件中定义。 我创建了一个自定义事件来检查第一个计数器何时过期，并在第二个文件中添加了一个

eventlistener

，以启动第二个计数器，但调用时不会执行事件侦听器中的函数。请帮忙

第一个计数器

var count = 1


btn = document.getElementById("button")
var counter1 = document.querySelector("#first-counter-value")


btn.addEventListener("click",function(){

    setInterval(countupto10,500)
    
 })


var countupto10 = function(){
    counter1.textContent = count
    if (count < 10){
        count++
    }else{
        
        var finishedCountevent = new CustomEvent("finshedcount",{detail: count + 1})
        counter1.dispatchEvent(finishedCountevent)
        
    }
}

var count = 0

var counter1 = document.querySelector("#first-counter-value")
var counter2 = document.querySelector("#second-counter-value")


counter1.addEventListener("finishedcount",continueCount,false)

var continueCount = function(event){
    
    counter2.textContent = count
    count = event.detail
    var countLimit = count + 9
    setInterval( function(){ 
         
        if( count < countLimit ){
            count++; 
        }
        }, 500 ); 
    } 

var计数=1
btn=document.getElementById（“按钮”）
var counter1=document.querySelector（“第一个计数器值”）
btn.addEventListener（“单击”，函数（）{
设置间隔（计数10500）
})
var countupto10=函数（）{
counter 1.textContent=计数
如果（计数<10）{
计数++
}否则{
var finishedCountevent=new CustomEvent（“finshedcount”，{detail:count+1}）
计数器1.dispatchEvent（finishedCountevent）
}
}

第二个计数器

var count = 1


btn = document.getElementById("button")
var counter1 = document.querySelector("#first-counter-value")


btn.addEventListener("click",function(){

    setInterval(countupto10,500)
    
 })


var countupto10 = function(){
    counter1.textContent = count
    if (count < 10){
        count++
    }else{
        
        var finishedCountevent = new CustomEvent("finshedcount",{detail: count + 1})
        counter1.dispatchEvent(finishedCountevent)
        
    }
}

var count = 0

var counter1 = document.querySelector("#first-counter-value")
var counter2 = document.querySelector("#second-counter-value")


counter1.addEventListener("finishedcount",continueCount,false)

var continueCount = function(event){
    
    counter2.textContent = count
    count = event.detail
    var countLimit = count + 9
    setInterval( function(){ 
         
        if( count < countLimit ){
            count++; 
        }
        }, 500 ); 
    } 

var计数=0
var counter1=document.querySelector（“第一个计数器值”）
var counter2=document.querySelector（“第二个计数器值”）
计数器1.addEventListener（“finishedcount”，continueCount，false）
var continueCount=函数（事件）{
counter 2.textContent=计数
count=event.detail
var countLimit=计数+9
setInterval（函数（）{
如果（计数<计数限制）{
计数++；
}
}, 500 ); 
}