Soy muy nuevo en el desarrollo front-end y estoy tratando de escribir una función onClick() para un elemento. Sin embargo, el archivo js donde se encuentra la función parece no importarse. Seguí algunas instrucciones para modificar los pedidos, pero desafortunadamente, no resolvió mi problema.
<head> <meta charset="utf-8"> <link type="javascript" href="../js/jquery-1.11.0.js"> <link type="javascript" href="../js/index.js"> <link rel="stylesheet" href="../bootstrap-5.1.3-dist/css/bootstrap.min.css"> <link rel="stylesheet" href="../css/index.css"> <title>Index</title> </head> <nav id="sideBarMenu" class="col-md-3 col-lg-2 d-md-block sidebar collapse"> <div class="position-sticky pt-3"> <h6 class="sidebar-heading d-flex justify-content-between align-items-center text-muted ps-2"> <span> Personal Notification </span> </h6> <ul class="nav flex-column mb-2"> <li class="nav-item"> <a class="nav-link" href="#" onclick="showRsvs()"> My Reservations </a> </li> </ul> </div> </nav> $(function(){ // refresh time every seconds setInterval(function(){ $("#clock").html(getTime()); }, 1000); }) function showRsvs(){ $(this).addClass("active"); } Las dos funciones de este archivo no funcionan. Y no puedo ver la carpeta js en el panel Source de mi navegador.
Uncaught ReferenceError: showRsvs is not defined
Elimine el include js del head , la etiqueta <link> se usa para incluir archivos css , la etiqueta <script> se usa para archivos js .
Después de </nav> , donde termina nav , inserte estas dos líneas
<script src="../js/jquery-1.11.0.js"></script> <script src="../js/index.js"></script>Tú eres bueno para irte