First function working correctly when i delete second one but when i rewrite it it doestn't work! Here is the javascript file.
window.onload=function(){document.getElementById('loader').style.display='none';};
function toggle(){var blur = document.getElementsByClassName('blur');
blur.classList.toggle('active');
};
Please help me to solve it out. Here is HTML file.
{% load static %}
<html>
<head>
<title> Just Code </title>
<link rel="stylesheet" href="{% static '/css/home.css' %}" type="text/css"/>
</head>
<body>
<div id="loader">
<img src="{% static 'images/preloader.gif' %}" alt="Loading"/>
</div>
<div class="blur">
<div id="searchoverall">
<div class="dropdown">
<a href="#"class="divasigninbttn dropbttn"><img id="signinbttn"src="{% static 'images/signinbttn.jpg' %}" alt="signin"></img></a>
<div class="dropdown-content">
<a href="#" onclick="toggle()">Sign In</a>
<a href="#" onclick="toggle()">Sign Up</a>
</div>
</div>
</div>
</div>
<div class="popup">
<main class= main>
<h1 id=”">Sign In</h1>
<img src='{% static "images/avatar.png"%}' alt="hi!"/>
</main>
</div>
<div class="blur">
<div class="copyright">© 2021 Just Code</br> All right reserved
</div>
</div>
<script type="text/javascript" src='{% static "java/home.js" %}' ></script>
</body>
</html>
