"Générateur" de citation

"Générateur" de citation - HTML/CSS - Programmation

Marsh Posté le 27-04-2013 à 16:58:53    

Bonjour,  
Je connais le Java et la POO, le Javascript fonctionnant "a peu près pareil" avec une syntaxe différente j'ai voulu essayer de faire des petits trucs, générateur de citation puis petit jeu ou on devrait retrouver le perso associé a la citation ect...
 
J'ai codé un petit bout de code pour commencer, mais ça ne fonctionne pas :/
Et je vois pas ou ça bloque, JsLink m trouve des erreurs partout :/
 
voila le code :

Code :
  1. <html>
  2. <head>
  3.   <script type="text/javascript">
  4. var Citation = function(text, perso){
  5.         this.text=text;
  6.         this.perso=perso;
  7.         function afficherText(){
  8.                 document.write(text);
  9.         }
  10.         function afficherPerso(){
  11.                 document.write(Perso);
  12.         }
  13.         function afficherCitation(){
  14.                 document.write("Citation : "+text);
  15.                 document.write("<br/>Personnage : "+perso);
  16.         }
  17. }
  18. function randomCitation(){
  19.         switch(Math.floor((Math.random()*10)+1)){
  20.                 var text;
  21.                 var pers;
  22.                 case 1:
  23.                 text="À l'époque quand je levais le doigt, il y avait 15 000 soldats qui gueulaient IMPERATOR ! Maintenant quand je lève le doigt c'est pour aller pisser...";
  24.                 pers="César";
  25.                 break;
  26.                 case 2:
  27.                 text="Toi un jour je te crame ta famille, toi.";
  28.                 pers="Perceval";
  29.                 break;
  30.                 case 3:
  31.                 text="Là, vous faites sirop de vingt-et-un et vous dites : beau sirop, mi-sirop, siroté, gagne-sirop, sirop-grelot, passe-montagne, sirop au bon goût.";
  32.                 pers="Perceval";
  33.                 break;
  34.                 case 4:
  35.                 text="13, 14, 15... Enfin tous les chiffres impairs jusqu'à 22.";
  36.                 pers="Perceval";
  37.                 break;
  38.                 case 5:
  39.                 text="Ah, mais c'est de là que ça vient ! Quand on dit ''ça va comme sur des roulettes''. En fait ça veut dire qu'le mec il peut balancer un morceau de rocher comme une catapulte, il continue quand même d'avancer d'façon mobile.";
  40.                 pers="Perceval";
  41.                 break;
  42.                 case 6:
  43.                 text="Simplet ! Le démon a vidé ton cerveau, y'a plus rien dedans. Tu périras par la main de Dieu, tu comprends ça ?";
  44.                 pers="Répurgateur";
  45.                 break;
  46.                 case 7:
  47.                 text="Ah, non, moi les femmes, j'aime pas ça& C'est de la saloperie !";
  48.                 pers="Répurgateur";
  49.                 break;
  50.                 case 8:
  51.                 text="En garde, espèce de vieille pute dégarnie !";
  52.                 pers="Le maître d'armes";
  53.                 break;
  54.                 case 9:
  55.                 text="Sire ! Mon père est peut-être unijambiste, mais moi, ma femme n'a pas de moustache ! [&] Alors ça vient? p'tite bite !";
  56.                 pers="Le maître d'armes";
  57.                 break;
  58.                 case 10:
  59.                 text="Ça vous fait pas mal à la tête de glandouiller vingt-quatre heures sur vingt-quatre ?";
  60.                 pers="Arthur";
  61.                 break;
  62.                 var cit=new Citation(text, pers);
  63.                 return(cit);
  64.         }
  65.   }
  66.   </script>
  67. </head>
  69. <body>
  70.   <p>Voici du texte !</p>
  72.   <form>
  73.     <input value="TestMoiCa" onclick="randomCitation().afficherCitation()">
  74.   </form>
  75. </body>
  76. </html>


 
Quelqu'un peut m'aiguiller?

Reply

Marsh Posté le 27-04-2013 à 16:58:53   

Reply

Marsh Posté le 27-04-2013 à 17:23:47    

J'ai un peu changer le code mais ça ne fonctionne toujours pas, voila le code

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  3. <html>
  4. <head>
  5.   <script type="text/javascript">
  6. var Citation = function(text, perso){
  7.         this.text=text;
  8.         this.perso=perso;
  9.         function afficherText(){
  10.                 document.write(text);
  11.         }
  12.         function afficherPerso(){
  13.                 document.write(Perso);
  14.         }
  15.         function afficherCitation(){
  16.                 document.getElementById('rcp').innerHTML+=("Citation : "+text+"<br/>Personnage : "+perso);
  17.         }
  18. }
  19. function randomCitation(){
  20.         switch(Math.floor((Math.random()*10)+1){
  21.                 var text;
  22.                 var pers;
  23.    var cit;
  24.                 case 1:
  25.                 text="À l'époque quand je levais le doigt, il y avait 15 000 soldats qui gueulaient IMPERATOR ! Maintenant quand je lève le doigt c'est pour aller pisser...";
  26.                 pers="César";
  27.                 break;
  28.                 case 2:
  29.                 text="Toi un jour je te crame ta famille, toi.";
  30.                 pers="Perceval";
  31.                 break;
  32.                 case 3:
  33.                 text="Là, vous faites sirop de vingt-et-un et vous dites : beau sirop, mi-sirop, siroté, gagne-sirop, sirop-grelot, passe-montagne, sirop au bon goût.";
  34.                 pers="Perceval";
  35.                 break;
  36.                 case 4:
  37.                 text="13, 14, 15... Enfin tous les chiffres impairs jusqu'à 22.";
  38.                 pers="Perceval";
  39.                 break;
  40.                 case 5:
  41.                 text="Ah, mais c'est de là que ça vient ! Quand on dit ''ça va comme sur des roulettes''. En fait ça veut dire qu'le mec il peut balancer un morceau de rocher comme une catapulte, il continue quand même d'avancer d'façon mobile.";
  42.                 pers="Perceval";
  43.                 break;
  44.                 case 6:
  45.                 text="Simplet ! Le démon a vidé ton cerveau, y'a plus rien dedans. Tu périras par la main de Dieu, tu comprends ça ?";
  46.                 pers="Répurgateur";
  47.                 break;
  48.                 case 7:
  49.                 text="Ah, non, moi les femmes, j'aime pas ça& C'est de la saloperie !";
  50.                 pers="Répurgateur";
  51.                 break;
  52.                 case 8:
  53.                 text="En garde, espèce de vieille pute dégarnie !";
  54.                 pers="Le maître d'armes";
  55.                 break;
  56.                 case 9:
  57.                 text="Sire ! Mon père est peut-être unijambiste, mais moi, ma femme n'a pas de moustache ! [&] Alors ça vient? p'tite bite !";
  58.                 pers="Le maître d'armes";
  59.                 break;
  60.                 case 10:
  61.                 text="Ça vous fait pas mal à la tête de glandouiller vingt-quatre heures sur vingt-quatre ?";
  62.                 pers="Arthur";
  63.                 break;
  64.                 cit=new Citation(text, pers);
  65.                 return(cit);
  66.         }
  67.   }
  68.   </script>
  69. </head>
  71. <body>
  72.   <p>Voici du texte !</p>
  74.   <form>
  75.     <input value="TestMoiCa" onclick="randomCitation().afficherCitation()" type='submit'>
  76.  <p id="rcp">rer</p>
  77.   </form>
  78. </body>
  79. </html>

Reply

Marsh Posté le 27-04-2013 à 17:50:00    

Personne n'a de réponse ? ... :/

Reply

Marsh Posté le 28-04-2013 à 03:16:22    

Salut
 
Javascript ne partage que la syntaxe avec Java (et encore), et même s'il est orienté objet, ce ne sont pas les mêmes notions que l'ont retrouve dans la POO classique (on peut programmer un comportement similaire, mais c'est pas forcement le but).
Le code suivant devrait fonctionner :

Code :
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script type="text/javascript">
  5.  var Citation = function (text, perso)
  6.   {
  7.    this.afficherText = function()
  8.     {
  9.      document.write(text);
  10.     };
  11.    this.afficherPerso = function ()
  12.     {
  13.      document.write(Perso);
  14.     };
  15.    this.afficherCitation = function ()
  16.     {
  17.      document.getElementById ('rcp').innerHTML += ("Citation : " + text + "<br/>Personnage : " + perso);
  18.     };
  19.   },
  21.  randomCitation = function ()
  22.   {
  23.    var content = [
  24.       {
  25.        text: "À l'époque quand je levais le doigt, il y avait 15 000 soldats qui gueulaient IMPERATOR ! Maintenant quand je lève le doigt c'est pour aller pisser...",
  26.        pers: "César"
  27.       },
  28.       {
  29.        text: "Toi un jour je te crame ta famille, toi.",
  30.        pers: "Perceval"
  31.       },
  32.       {
  33.        text: "Là, vous faites sirop de vingt-et-un et vous dites : beau sirop, mi-sirop, siroté, gagne-sirop, sirop-grelot, passe-montagne, sirop au bon goût.",
  34.        pers: "Perceval"
  35.       },
  36.       {
  37.        text: "13, 14, 15... Enfin tous les chiffres impairs jusqu'à 22.",
  38.        pers: "Perceval"
  39.       },
  40.       {
  41.        text: "Ah, mais c'est de là que ça vient ! Quand on dit ''ça va comme sur des roulettes''. En fait ça veut dire qu'le mec il peut balancer un morceau de rocher comme une catapulte, il continue quand même d'avancer d'façon mobile.",
  42.        pers: "Perceval"
  43.       },
  44.       {
  45.        text: "Simplet ! Le démon a vidé ton cerveau, y'a plus rien dedans. Tu périras par la main de Dieu, tu comprends ça ?",
  46.        pers: "Répurgateur"
  47.       },
  48.       {
  49.        text: "Ah, non, moi les femmes, j'aime pas ça& C'est de la saloperie !",
  50.        pers: "Répurgateur"
  51.       },
  52.       {
  53.        text: "En garde, espèce de vieille pute dégarnie !",
  54.        pers: "Le maître d'armes"
  55.       },
  56.       {
  57.        text: "Sire ! Mon père est peut-être unijambiste, mais moi, ma femme n'a pas de moustache ! [&] Alors ça vient? p'tite bite !",
  58.        pers: "Le maître d'armes"
  59.       },
  60.       {
  61.        text: "Ça vous fait pas mal à la tête de glandouiller vingt-quatre heures sur vingt-quatre ?",
  62.        pers: "Arthur"
  63.       }
  64.      ],
  65.     c = content[ Math.floor ((Math.random () * 10)) ];
  67.    return new Citation (c.text, c.pers);
  68.   };
  69. </script>
  70. </head>
  71. <body>
  72. <p>Voici du texte !</p>
  73. <form>
  74.  <input value="TestMoiCa" onclick="randomCitation ().afficherCitation ()" type='button'>
  75.  <p id="rcp">rer</p>
  76. </form>
  77. </body>
  78. </html>


---------------
We deserve everything that's coming...
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed