Bonjour,
Je viens de m'inscrire sur le forum à cause d'un problème de taille...
J'ai intégré cette année une prépa informatique (je vous épargne les détails) enfin bref, il nous a été demandé de créer un site web, je l'ai réalisé sans trop de problème. (Site de vente de vetements)
Mais cette semaine les problèmes commencent, en effet on nous demande d'utiliser du javascript pour améliorer notre site.
Il nous est demandé 3 choses :
L'utilisateur doit être capable, en cliquant sur un produit, de l'ajouter au panier en un clic.
Un indicateur visible qu'un nouveau produit vient d'être ajouté au panier (+1 dans le panier).
Les utilisateurs doivent pouvoir changer la quantité de produit qu'ils souhaitent acheter.
L'utilisateur doit pouvoir cliquer sur un bouton qui tri les produits proposés selon un critère de votre choix, par exemple,le tri par ordre alphabétique.
Donc voilà... J'ai lu des cours et tutoriels javascript, mais je n'ai strictement aucune idée de comment "mixer" le javascript avec le html, je sais créer un fichier.js le placer dans mon code.
La pour l'instant je vais tenter de trier les images que je propose (par exemple dans la section vetements de mon site (il y a bagagerie et accessoires aussi)). Par ordre Alphabétique, et ensuite par ordre de prix.
J'ai fais un exemple en créant une liste avec "a", "b", "c" et "d" inclu dans des li d'un ul.
En faisant un tableau et en incluant dans chaque case
push.myArray = document.getElementsByTagName("ul").firstElementChild.innerHTML
Et en rajoutant à chaque nouvelle case un nouvel NextElementSibling j'arrive à recuperer les a b c d et en faisant sort.myArray() à les classer...
Je pense pouvoir faire la même chose avec des images en recupérant leur attributs hélas le getElementsbyTagName("img") marche mais pas avec un .alt ou un getAttribute("alt") après, ensuite une fois que je les ai classé comment dire au navigateur de les replacer en fonction ?
Je sais que je vous ai laché un gros pavé un peu flou là, désolé et merci d'avance à ceux qui liront
Partager