tengo un problema y es que no me funciona codigo hecho con jquery en el localhost, cabe decir que abriendolo aparte sin el localhost si me funciona. El proyecto esta en la carpeta hctdocs y estan separados los scripts de los htmls. En la consola no me vota ningun error, solo que al darle al click al boton no me funciona el codigo(al darle al boton no me hace nada) pero abriendolo sin el localhost si me funciona el codigo.
<html>
<script src ="scripts/jquery-3.5.1.min.js"></script>//Tengo la libreria descargada
<script src = "scripts/carrito.js"></script>
<div class="5" id="producto">
<p class="titulo">Ventilador Extreme 3 en 1 bl - SAMURAI</p>
<p class="precio"><strong>$ 200.000</strong></p><p class="iva">IVA incluido</p><br><br>
<ul id="t10">
<li><i class="fas fa-comment-dollar"></i> Vendido por:<b>samurai.</b></li>
<li><i class="fas fa-truck"></i> Enviado por:<b>servientrega.</b></li>
<li><i class="fas fa-clock"></i> Tiempo de entrega:<b>2 a 7 días hábiles.</b></li>
<li><i class="fas fa-certificate"></i> Garantia:<b>12 meses.</b></li>
</ul>
<input type="number" id="cantidadv" value="1" min="1" max="4" step="1">
<button class="añadir" onclick="añadir()">AÑADIR AL CARRITO</button>
</div>
<html>
Codigo javascript usando jquery:
var cant_codigos=["cantidadp","cantidadh","cantidadt","cantidadn","cantidade","cantidadv","cantidadl"];
var validador = ["plancha","horno","tv","nevera","estufa","ventilador","lavadora"];
function añadir(){
x =parseInt($("#producto").attr("class"));
y =($("input").attr("id"));
for(var i=0 ;i<7; i++){
if(cant_codigos[i]==y)
{
var cant=parseInt($("#"+cant_codigos[i]).val());
localStorage.setItem(cant_codigos[i],cant);
localStorage.setItem(validador[i],x);
console.log(localStorage.getItem(cant_codigos[i]));
// console.log(localStorage.getItem(validador[i]));
contador1();
alert("¡Producto añadido con exito!");
}
}
}