Faire apparaître/disparaître un texte au clic
Salut
Je teste du code en voulant faire apparaitre un texte dans un Div en cliquant sur un bouton. Le texte apparait bien dans le Div en question mais pendant une fraction de seconde et je ne comprends pas ce que j'ai fait de mal dans le code
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
| <div id="zone3">
<form id="addPost">
<div>
<input type="text" id="titleCom" placeholder="title">
</div>
<div>
<textarea id="bodyCom" cols="66" rows="9"></textarea>
</div>
<!-- <input type="submit" value="submit"> -->
<button id="btn" value="Submit form"> Submit </button>
</form>
</div> |
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13
| let Body = 'Test commentaire';
function SendACom(e){
// let Body = document.getElementById('bodyCom').value;
let NewParagraphe = document.createElement('p');
let NewText = document.createTextNode(Body);
NewParagraphe.appendChild(NewText);
let a = document.getElementById('zone4');
a.appendChild(NewText);
// // e.stopPropagation();
// console.log(Body);
} |
Merci pour l'aide si vous savez :)