Input text pour rechercher un texte

Version imprimable

Bonjour,

J'aimerais pouvoir cliquer sur la font icon à côté de l'input text et avoir un message d'alerte mais rien ne se passe... Je ne comprends pas mon erreur:

Le code html pour l'input text et la font icon à côté:
Code:

1 2 3 4 5 6 <div class="recherche"> <form action='' method='post'> <input name='input' placeholder='Recherche ...' type='text' class="recherche-entry">  <i class="fa fa-search" aria-hidden="true" id="runSearch" ></i> </form> </div>
Dans la même page tout en bas avant le body:
Code:

1 2 3 4 5 6 7 <script> $(document).ready(function(){ $( "#runSearch").on('click',function(){ alert('run'); }); </script>
Voyez-vous mon erreur? Merci,

04/05/2016, 13h29
mathieu

Vous n'avez aucun message d'erreur dans la console ?

la fonction $(document).ready() n'est pas fermé :

Code:

1
2
3
4
5
 
$(document).ready(function(){
        $( "#runSearch").on('click',function(){
          alert('run');
        });

corrigez votre code ainsi

Code:

1
2
3
4
5
6
 
$(document).ready(function(){
        $( "#runSearch").on('click',function(){
          alert('run');
        });
});

05/05/2016, 12h52
soeursourire

Ah oui mince c'était tout bête... Et les erreurs on peut les voir ou? Avec l'inspecteur web je ne vois pas ces erreurs? Pour voir les prochaines erreurs..
Merci!
05/05/2016, 13h32
Toufik83

le raccourci clavier CTRL+MAJ+I te permet d'afficher l'outil de développement.
05/05/2016, 13h33
soeursourire

Ca marche aussi sur Safari? Parce que ça n'a pas l'air de fonctionner chez moi...
05/05/2016, 14h07
Toufik83

non pour Safari, il faut allez dans les "préférences" puis l'onglet "avancé" et cochez la case en bas "Afficher le menu de développement dans la barre des menus".
après ce changement normalement vous devriez voir un onglet en haut "Développement", cliquez dessus et choisissez "Afficher la console des erreurs".