Comment enregistrer ma variable ?

Fermé
undertacker - Modifié le 12 janv. 2019 à 22:11
 topnotch - 14 janv. 2019 à 03:08
Bonjour,

J'ai commencé à créer un site de gestion de stockage, sauf que je n'arrive pas a enregistré ma variable pour que la quantité ne revienne pas a zéro quand je relance le site
Voici mon code:
<!DOCTYPE html>
<html>
<head>
    <style>
        table {
  font-family: arial, bold;
  border-collapse: collapse;
  width: 100%;
}

td {
    border: 4px solid black;
  text-align: left;
  background-color: white;
  padding: 8px;
}

th {
  border: 4px solid black;
  text-align: left;
  background-color: white;
  padding: 8px;
}
    </style>
<title>Appli pour le stockage</title>
<script language="javascript">
    var valeur= 0;
    function modifier(increment) {
    valeur+=increment;
    document.getElementById('nombredetest').value=valeur;
    }
    </script>
</head>
<body style="background-color:#3c3c3c;">
<h1 style="font-family:verdana;text-align:center;color:white;">STOCKAGE</h1>
<table>
        <tr>
          <th>Image</th>
          <th>Nom</th>
          <th>Quantité</th>
        </tr>
        <tr>
          <td>test</td>
          <td>test</td>
          <td>
              <input type="text" id="nombredetest" value= "0" size="1" readonly="true" style="background-color:#FFFFFF; border:#FFFFFF none 0px; text-align:left; font-size:15px">
          </td>
          <td>
              <div style="text-align:left">
                  <input type="button" value="+1" onClick="modifier(1)">
                  <input type="button" value="+5" onClick="modifier(5)">
                  <input type="button" value="+10" onClick="modifier(10)">
              </div>
              <script language="javascript">
                  document.getElementById('nombredetest').value=valeur;
                  </script>
          </td>
          <td>
              <div style="text-align:left">
                <input type="button" value="-1" onClick="modifier(-1)">
                <input type="button" value="-5" onClick="modifier(-5)">
                  <input type="button" value="-10" onClick="modifier(-10)">
                  </div>
                  <script language="javascript">
                      document.getElementById('nombredetest').value=valeur;
                      </script>
          </td>
        </tr>
      </table>
</body>
</html>

1 réponse

yg_be Messages postés 22720 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 23 avril 2024 1 476
12 janv. 2019 à 20:45
bonjour, peux-tu préciser de quelle variable il s'agit, et, surtout, où tu envisages de l'enregistrer?
0
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
12 janv. 2019 à 22:16
Bonjour,

La variable à mémoriser est sans aucun doute celle contenue dans son input nombredetest

Par contre, vu que son code ne fait état que de html et de javascript..... je doute qu'il sache ou et comment l'enregistrer.

Donc pour l'aiguiller...
Si la page web n'a vocation qu'à rester sur ton ordinateur... un simple cookie suffira.
Dans le cas où tu souhaites héberger la page sur le web, là, faudra passer à un langage serveur.
Soit en stockant la variable dans un fichier, soit dans une base de données.
Les langages les plus utilisés (à ce jour) pour faire du web étant le PHP ,le python ou le ruby
0
Undertacker > jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024
13 janv. 2019 à 03:05
Merci de votre réponse et je pense faire un cookie
0
il y a local storage aussi (API html5) et qui est pratique pour ce genre de chose(en tout cas moins prise de tête que les cookies et plus 'sain' aussi dans le cadre d'une applien local).
exemple ici:https: //www.w3schools.com/html/html5_webstorage.asp

Bien sûr tout ça n'est pas sérieux ni fiable ou autre chose, rien ne remplace une base de données mais c'est autre chose car il faut utiliser un langage serveur pour faire le lien avec celle ci(JavaScript est un langage client quand il fonctionne sur l'ordinateur de l'utilisateur, un langage serveur(ex:PHP, ASP, JSP, Node.js...) permet de contacter la base de données tout en la laissant inaccessible directement par Internet.
0