Problème d'affichage en mode update

Question

Bonjour, 

N.B : je suis encore novice en JS, et je tente d'en apprendre un bout.
Voilà j'ai un problème d'affichage des valeurs dans leurs inputs, une fois je clique sur le button update de la table, les valeurs s'affichent et dispraissent automatiquement, 
Je veux qu'elles restent affichées jusqu'à l'évenement onclick sur le button update hors table.

Merci d'avance 

Le code est comme suit

function UpdateData(i){
nom.value = DataInscrit[i].nom;
prenom.value = DataInscrit[i].prenom;
}

Configuration: Android / Chrome 98.0.4758.87

jordane45 · Answer

Bonjour
Avec si peu d'information impossible de te répondre ..
Il faudrait nous partager ton code complet

Lenouveauapprenti · Answer

Je vous remercie tant pour votre réactivité, et vous avoue mon incapacité de partager mes codes, car je n'arrive pas à acceder à votre site à partir de mon pc .
Possible problème d'incompatibilité, mon systéme d'exploitation est encore XP.
Lors de l'accés le navigateur se bloque pour problème d'heure,
Je vous contacte seulemen tu  à partir de mon télephone.

Lenouveauapprenti · Answer

Re bonjour
mes codes sont comme suit , bien sûr je n'ai pas encore coder la procédure de modification.


// Declaration des variables

let nom = document.getElementById('nom');
let prenom = document.getElementById('prenom');


// Creation de la base de stockage

Let DataInscrit;

if(localStorage.Inscrit != null){
   DataInscrit = JSON.parse(localStorage.Inscrit);
}else{
   DataInscrit = [ ];
}

// Affectation des valeurs aux variables

submit.onclick = function(){
    
let NewInscrit = {
    nom:nom.value,
    prenom:prenom.value,
}
  if(NewInscrit.count > 1){
      for(let i = 0; i < NewIscrit.count;i++)
      DataInscrit.push(NewInscrit);
}else{
       DataInscrit.push(NewInscrit)
}
localStorage.setItem( 'Inscrit' , JSON.stringify(DataInscrit) );

ClearData()
ShowData()
}

function ClearData(){
  nom.value = '';
  prenom.value = '';
}

function ShowData(){
 let table = '';

  for(let i = 0; i < DataInscrit.length;i++){
  table += `

  <tr>
       <td>${i}</>
       <td>${DataInscrit[i].nom}</td>
       <td>${DataInscrit[i].prenom}</td>
       <td><button onclick="UpadateData(${i})" id="update" >modifier</button></td>
 </tr>
`
;
}
document.getElementById('tbody').innerHTML = table;
}

ShowData()

function UpdateData(i){
   nom.value = DataInscrit[i].nom;
  prenom.value = DataInscrit[i].prenom;
}

Problème d'affichage en mode update

3 réponses

Discussions similaires

Newsletters