Bonjour,
Le script suivant permet de générer une des 5 phrases au hasard :  
 

 
Le problème c'est que les phrases ne sont générées que lorsqu'on recharge la page. J'aimerai pouvoir mettre un bouton, et quand on clique dessus, une phrase se génère dans un rectangle. On peut ainsi générer plusieurs phrases sans avoir à recharger la page. Comment faire ?
 
J'aimerai aussi que pour chaque phrase, à droite du rectangle, apparaisse l'expression "cliquez-ici" qui renvoie vers une page liée à la phrase générée. Par exemple, la phrase1 renverra toujours vers le lien1, etc..
 
Voici une image qui expose le problème :  
 

 
Merci  

Tu fais de ton script une fonction
Tu attaches un event sur le boutton "cliquez ici", qui lance la fonction
Dans ton case, tu dois changer l'atttribut href de ton lien.
 
Je te laisse faire le code tout seul  

J'ai modifié le code et voilà ce que j'ai :  
 

 
Je n'arrive pas à faire correspondre des phrases, et encore moins les liens  

Je ne comprends pas pourquoi tu as changé ta fonction.
Tiens, je t'ai fais un truc en vitesse
 

<input type="button" value="Nouvelle phrase" onClick="populate();">
<input type="text" value="" id="tt"/>
<a href="" id="link">link</a>
<script type="text/javascript" charset="utf-8">
function populate () {
    var obj=document.getElementById("tt" ),
    link=document.getElementById("link" ),
    aleatoire=Math.floor(Math.random()*5);
    switch(aleatoire){
    case 0:obj.value="phrase1";link.setAttribute("href","http://google.be" );break;
    case 1:obj.value="phrase2";link.setAttribute("href","http://google.fr" );break;
    case 2:obj.value="phrase3";link.setAttribute("href","http://google.com" );break;
    case 3:obj.value="phrase4";link.setAttribute("href","http://google.de" );break;
    case 4:obj.value="phrase5";link.setAttribute("href","http://google.cn" );break;
    }
}
</script>

Merci    
 
J'ai une dernière question : est-il possible que le script aille chercher les phrases + lien dans un fichier .txt, afin de ne pas faire un script géant si j'ai beaucoup de phrases.

la réponse m'intéresse merci.
est-ce qu'on peut lire un fichier avec javascript ?

Un fichier texte (.txt) non.
Mais on peut lire du xml, ou mieux du json.
Mais pour faire cela, il est moins verbeux d'utiliser une librairie spécialisée.
 
Mais sinon, voilà le code avec un object qui contient les donnés.
C'est une bonne base pour rendre l'object externe sous forme de fichier json

<input type="button" value="Nouvelle phrase" onClick="populate();">
    <input type="text" value="" id="tt"/>
    <a href="" id="link">link</a>
    <script type="text/javascript" charset="utf-8">
    var objTest = {"rand": [
        {"txt": "texte 1",
            "loc": "http://www.google.com",
        },
        {"txt": "texte 2",
            "loc": "http://www.google.be",
        },
        {"txt": "texte 3",
            "loc": "http://www.google.fr",
        }
        ],
    };
    function populate () {
        var num=objTest.rand.length,// calcule nombre d'élément
        obj=document.getElementById("tt" ),
        link=document.getElementById("link" ),
        al=Math.floor(Math.random()*num);
        obj.value=objTest.rand[al].txt;
        var pp=objTest.rand[al].loc;
        link.setAttribute("href",pp );
    }
    </script>

<input type="button" value="Nouvelle phrase" onClick="populate();">
    <input type="text" value="" id="tt"/>
    <a href="" id="link">link</a>
    <script type="text/javascript" charset="utf-8">
    var objTest = {"rand": [
        {"txt": "texte 1",
            "loc": "http://www.google.com",
        },
        {"txt": "texte 2",
            "loc": "http://www.google.be",
        },
        {"txt": "texte 3",
            "loc": "http://www.google.fr",
        }
        ],
    };
    function populate () {
        var num=objTest.rand.length,// calcule nombre d'élément
        obj=document.getElementById("tt" ),
        link=document.getElementById("link" ),
        al=Math.floor(Math.random()*num);
        obj.value=objTest.rand[al].txt;
        var pp=objTest.rand[al].loc;
        link.setAttribute("href",pp );
    }
    </script>

nan mais tu as vu ce que tu racontes là ? bien sur que oui on peut lire un fichier TXT c'est la base de la base.
Et ça serait le plus simple pour lui

 
Peux-tu nous dire comment ?  

 
Ha désolé d'avoir induit le foromeur en erreur.  
Je n'ai jamais travaillé avec des fichiers textes, je ne savais donc pas que c'était possible.
Tu aurais un bon tutorial ? et tu peux mettre des objects ou des arrays dedans ?

le resultat d'une requete ajax est du texte, donc tu peux faire ce que tu veux derrière

Tout simplement. Ok, merci

il faut un langage serveur ou pas ? et si je ne peux utiliser que javascript ?

Avant tout, désolé de déterrer un vieux post

Si tu veux varier un peu les plaisirs, j'ai un script qui permet lui aussi de générer des phrases au hasard (environ 10 puissance 78 phrases correctes et uniques)
(voir ici pour les curieux : générateur de phrases )

heu... quel est le problème d'un script géant ? La lecture de nombreuses instructions imbriquées ou de frameworks empilés les uns sur les autres peuvent en effet ralentir ton site et poser un tas d'autres soucis, mais... pour du contenu littéral ? Ca ne prend pas assez de performance pour qu'on s'en préoccupe outre mesure, surtout sur un petit outil ludique comme ça il me semble

Comme tu peux le constater, mon générateur ne fait appel qu'à du code client...