samedi 8 avril 2017

Qui marche sur quoi ?

 

 

 


<script>
function myFunction() {
for (var i = 0; i < 1; i++) {
    var randomString = new Array ();
    randomString[0] = "Le vieux Lulu";
    randomString[1] = "Mémé Yvette";
    randomString[2] = "Ma maman";
    randomString[3] = "Mon papa";
    randomString[4] = "Popop";
    randomString[5] = "Yolande la bouchère";
    randomString[6] = "Le beau Marcello";
    randomString[7] = "Henriette la princesse";
    randomString[8] = "Roro le monstre";
    randomString[9] = "Le petit Léon";
    var j = Math.floor(9*Math.random());
    document.getElementById('phr1').innerHTML = randomString[j];
}
for (var i = 0; i < 1; i++) {
    randomString[0] = "roule à 178 km/h";
    randomString[1] = "se promène en fauteuil roulant";
    randomString[2] = "dandine des fesses avec ses talons aiguilles";
    randomString[3] = "passe la tondeuse";
    randomString[4] = "danse";
    randomString[5] = "glisse";
    randomString[6] = "vogue";
    randomString[7] = "cherche son prince charmant";
    randomString[8] = "saute avec des verrues aux pieds";
    randomString[9] = "fait ses premiers pas";
    var j = Math.floor(9*Math.random());
    document.getElementById('phr2').innerHTML = randomString[j];
}

for (var i = 0; i < 1; i++) {
    var randomString = new Array ();
    randomString[0] = "sur l'autoroute";
    randomString[1] = "au château de Versailles";
    randomString[2] = "dans la supérette";
    randomString[3] = "sur le terrain de foot";
    randomString[4] = "sur des poussins";
    randomString[5] = "sur le plongeoir";
    randomString[6] = "sur le grand canal";
    randomString[7] = "à l'autre bout du monde";
    randomString[8] = "sur des crottes de bique";
    randomString[9] = "sur le lit de Corinne";
    var j = Math.floor(9*Math.random());
    document.getElementById('phr3').innerHTML = randomString[j];
}}
</script>
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Rancho">
<style>
p {
font-family: 'Rancho', serif;
font-size: 36px;
}
</style>
<div style="text-align:center">
<p style="color:red" id="phr1">&nbsp;</p>
<p style="color:green" id="phr2">&nbsp;</p>
<p style="color:orange" id="phr3">&nbsp;</p>
<button onclick="myFunction()">Click me</button>
</div>