Affecter valeur d'une balise <a> a un input

Bonjour à tous
J’aimerais affecter la valeur d’une balise <a> à un input en html, mais je n’y arrive pas

Ce que j’ai essayé :

Html

Code:

---

1 2 3

<a onclick='f1()'>Bouton 1 </a> <input id='input1'> <button id='b1'>Valider</button>

---

Js :

Code:

---

1 2 3

function f1(){ document.getElementById('input1').value = this.innerHTML; }

---

Mais dans le champ input on me retourne undefined, au lieu de 'Bouton1'

Merci d’avance pour votre aide

onClick devrait aller dans le button non ?
this.innerHTML est effectivement undefined, à votre avis que représente this ici ?

Essayez console.log(this); par exemple, d'ailleurs je conseille cette technique pour débugger du code JS et voir ce qu'on manipule.

Salut Dbo08,

Code:

---

1 2 3

<a onclick='f1(this)'>Bouton 1 </a> <input type="text" id="input1"> <button id='b1'>Valider</button>

---

Code:

---

1 2 3

function f1(elem) { document.getElementById('input1').value = elem.innerText }

---