Contenir et restituer textarea avec variable

Résolu/Fermé
Tri4L Messages postés 9 Date d'inscription mardi 3 avril 2018 Statut Membre Dernière intervention 20 avril 2018 - Modifié le 20 avril 2018 à 11:45
Tri4L Messages postés 9 Date d'inscription mardi 3 avril 2018 Statut Membre Dernière intervention 20 avril 2018 - 20 avril 2018 à 18:39
Bonjour, je souhaite sauvegarder le contenu d'une <textarea> dans une variable "varretour" avec un bouton et pouvoir restituer le contenu de cette variable dans la même <textarea> avec un autre bouton.
J'ai ceci (qui évidement ne fonctionne pas parce que je suis un gros noob):
Où es-ce que je me plante? Merci de votre aide!

<textarea id="textarea01"></textarea>
<input type="button" value="Sauvegarder" onclick="sauv()"/>
<input type="button" value="Retablir" onclick="retab()"/>

<script type="text/javascript">
function sauv()
{
var varretour = document.getElementById('textarea01').value;
}
</script>

<script type="text/javascript">
function retab()
{
document.getElementById("textarea01").value = varretour.value;
}
</script>

1 réponse

Reivax962 Messages postés 3672 Date d'inscription jeudi 16 juin 2005 Statut Membre Dernière intervention 11 février 2021 1 011
Modifié le 20 avril 2018 à 13:34
Bonjour,

Le problème est que ta variable varretour est déclarée dans la fonction sauv(). Elle n'a donc pas de valeur ailleurs, et notamment pas lorsque tu appelles retab(). Il faut la déclarer en dehors. Et par ailleurs, le .value est superflu dans la fonction retab.

Ce qui donne :
<textarea id="textarea01"></textarea>
<input type="button" value="Sauvegarder" onclick="sauv()"/>
<input type="button" value="Retablir" onclick="retab()"/>

<script>

var varretour = document.getElementById('textarea01').value;

function sauv()
{
    varretour = document.getElementById('textarea01').value;
}

function retab()
{
    document.getElementById("textarea01").value = varretour;
} 

</script>

Xavier
1
Tri4L Messages postés 9 Date d'inscription mardi 3 avril 2018 Statut Membre Dernière intervention 20 avril 2018
20 avril 2018 à 18:39
Merci infiniment Xavier pour ton explication! J’espère que ça pourra aussi servir a d'autres.
0