Lancer des fonctions javascript depuis une zone de texte avec son numéro

Je ne sais pas est ce que c'est Possible ou non mais ma question est comme suite, est ce que je peux faire une zone de texte en html qui fait appel à des fonctions javascript par leurs numéros ? j'imagine par exemple que j'ai:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

function 1() { .....; }   function 2() { ....; }   function 3() { ....; }   function onClickHandler(e) { var inputVal = document.getElementById('inpt').value;   if (funcDict.hasOwnProperty(inputVal)) { console.log(funcDict[inputVal]); } } <input name="inpt" id="inpt" /> <button id="btn" onClick="onClickHandler()">Enter</button>

---

donc si j'écris 1 la fonction 1() s'exécute, est ce que c'est faisable ou non et merci d'avance

C'est moche :

Code:

---

1 2 3 4 5

<select id="foo" onchange=" onClickHandler( this.value ) "> <option value="-1">choisissez la fonction</option> <option value="1">fonction 1</option> <option value="1">fonction 2</option> </select>

---

Code:

---

1 2 3 4 5

function f1(){alert(1);} function f2(){alert(2);} function onClickHandler(sel){ window['f'+sel](); }

---

Un peu moins moche (et encore)

Code:

---

1 2 3 4 5

<select id="foo" onchange=" onClickHandler[ this.value-1 ]()"> <option value="-1">choisissez la fonction</option> <option value="1">fonction 1</option> <option value="2">fonction 2</option> </select>

---

Code:

---

1 2 3 4

onClickHandler = [ function f1(){alert(1);}, function f2(){alert(2);} ]

---

ça marche merci, mais je veux le faire avec une zone de texte et non pas une liste déroulante par ce que j'aurai une centaine de fonctions.

A la limite

Code:

---

1 2 3 4 5

<select id="foo" onchange=" onClickHandler[ this.value ]()"> <option value="-1">choisissez la fonction</option> <option value="1">fonction 1</option> <option value="2">fonction 2</option> </select>

---

Code:

---

1 2 3 4 5

onClickHandler = { "-1" : function(){alert( 'selectionnez une fonction');}, 1 : function(){alert(1);}, 2 : function(){alert(2);} }

---

Code:

---

1 2	<input name="inpt" id="inpt" /> <button id="btn" onClick="onClickHandler( document.getElementById('inpt').value )">Enter</button>

---

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

functions = { 1 : function(){alert(1);}, 2 : function(){alert(2);}, 3 : function(){alert(3);}, 4 : function(){alert(4);}, 5 : function(){alert(5);}, 6 : function(){alert(6);}, }   function onClickHandler(f){ functions[f](); }

---

parfait merci beaucoup;)