Problème d'affichage en mode update

Lenouveauapprenti Messages postés 306 Date d'inscription   Statut Membre Dernière intervention   -  
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   -
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
A voir également:

3 réponses

jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Bonjour
Avec si peu d'information impossible de te répondre ..
Il faudrait nous partager ton code complet
0
Lenouveauapprenti Messages postés 306 Date d'inscription   Statut Membre Dernière intervention   2
 
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.
0
Lenouveauapprenti Messages postés 306 Date d'inscription   Statut Membre Dernière intervention   2
 
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;
}

0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Attention... si tu fais un SUBMIT ça recharge la page....
Pour éviter cela il faut mettre un preventDefault
https://www.codegrepper.com/code-examples/javascript/prevent+default+submit
0