Menu

Comment enregistrer ma variable ?

-
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>
Afficher la suite 

Votre réponse

1 réponse

Messages postés
7250
Date d'inscription
lundi 9 juin 2008
Statut
Contributeur
Dernière intervention
19 janvier 2019
431
0
Merci
bonjour, peux-tu préciser de quelle variable il s'agit, et, surtout, où tu envisages de l'enregistrer?
jordane45
Messages postés
24075
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
19 janvier 2019
2143 -
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
> jordane45
Messages postés
24075
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
19 janvier 2019
-
Merci de votre réponse et je pense faire un cookie
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.
Commenter la réponse de yg_be