Can you please review the code and help me identify the issue? The toggle button is not functioning properly, it should display the menu bar when clicked.
<body>
<!--navigation bar-->
<nav class="navbar navbar-expand-sm navbar-dark bg-danger pl-5 fixed-top">
<div class="container">
<a class="navbar-brand " href="index.php">E-SERVICE</a>
<span class="navbar-text">our service your happiness</span>
<button type="button" class="navbar-toggler" data-toggle="collapse" date-target="#myMenu">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="myMenu">
<ul class="nav-list navbar-nav pl-5">
<li class="nav-item"><a class="nav-link" href="index.php">Home</a></li>
<li class="nav-item"><a class="nav-link" href="#Services">Services</a></li>
<li class="nav-item"><a class="nav-link" href="#Registration">Registration</a></li>
<li class="nav-item"><a class="nav-link" href="#Login">Login</a></li>
<li class="nav-item"><a class="nav-link" href="#Contact">Contact</a></li>
</ul>
</div>
</div>
</div>
</nav>
<!--javascript-->
<script src="js/jquery.min.js"></script>
<script src="js/pooper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/all.min.js"></script>
</body>