我已使用模式弹出窗口在index.html中进行注册和登录，并且在cakecakes.html中复制了粘贴相同的登录和注册代码。我有5个html页面，并且在那边做了一些javascript。但弹出窗口仅在index.html中打开，其他页面则不打开。请帮我解决这个问题。

index.html：

<li><button id="signup-btn" class="signup-btn">SignUp</button></li>
<div id="signup" class="signup">
    <div class="modal-content3"> 
        <form action="" name="signupform" method="post" onsubmit="validateSignupForm()">
            <span id="close1">&times;</span><br>
            <input type="text" placeholder="Email" name="email" title="Enter a vaild Email Address" required pattern="\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})"><br>
            <input type="text" placeholder="username" name="username1" required><br>
            <input type="password" placeholder="Password" name="password1" title="[Must contain at least one number and one uppercase and lowercase letter,and at least 8 or more characters]" required pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}"><br>
            <input type="password" placeholder="Confirm Password" name="cpassword" required><br>
            <button type="submit">Sign Up</button>
            <label class="checkbox"><input type="checkbox" checked="checked" name="remember1">Remember me</label><br>
        </form>
    </div>
</div>
<li><button id="login-btn" class="login-btn">Login</button></li>
<div id="login" class="login">
    <div class="modal-content2">
        <form action="" name="loginform" method="post" onsubmit="validateLoginForm()">
            <span id="close">&times;</span><br>
            <input type="text" placeholder="username" name="username" required><br>
            <input type="password" placeholder="Password" name="password" title="[Must contain at least one number and one uppercase and lowercase letter,}"><br>
            <button type="submit">Login</button>
            <label class="checkbox"><input type="checkbox" checked="checked" name="remember">Remember me</label><br>
            <a href="#" class="fgtpass">Forgot Password</a>
        </form>
    </div>
</div>

script.js：

document.getElementById('login-btn').addEventListener("click",function(){
    let popup= document.querySelector('.login').style.display="block";
});
document.getElementById('close').addEventListener("click",function(){
    let popdown = document.querySelector('.login').style.display="none";
});

document.getElementById('signup-btn').addEventListener("click",function(){
    let popup= document.querySelector('.signup').style.display="block";
});

document.getElementById('close1').addEventListener("click",function(){
    let popdown=document.querySelector('.signup').style.display="none";
});

var login = document.getElementById('login');
window.onclick = function(eventl){
    if(eventl.target==login){
        login.style.display='none';
    }
};

var signup = document.getElementById('signup');
window.onclick = function(events){
    if(events.target==signup){
        signup.style.display='none';
    }
};