[S] Jemand der meine Informatik HA macht

~~T0ny Chopper~~ · 01/14/2016, 14:35

Bin auf der Suche nach jemanden der mir was cooles auf in Informatik macht.

Ich Biete Egold und Bitcoin.

Was ihr machen müsst ist ein HTML Quiz mit Bootstrap. Das heißt ihr nehmt für das Quiz nur Sachen von Bootstrap (

)

Was das Quiz haben soll:
- Gutes Design
- 10 Fragen wo man zwischen 3 Antworten auswählen kann
- Wenn mann eine Antwort Richtig/Falsch hat, bekommt man Punkte/Punkte Abgezogen.
- Oben sollte auch ein Button sein wo die Punkte angezeigt werden.
- Dazu soll auch ein Joker Button hinzugefügt werden, mit dem man, wenn man genug Punkte, Fragen überspringen kann.

Ich suche nur Leute die sich mit HTML sehr Gut auskennen und keine Anfänger.

~~oOLarsOo~~ · 01/14/2016, 14:37

Für 20€ Überweisung würde ich dir die Hausaufgaben machen

~~T0ny Chopper~~ · 01/14/2016, 14:42

Du willst dafür 20€??? Ich hab sowas selbst schon oft gemacht und brauche für so ein Quiz maximal eine Stunde... Ich würde es heute auch wieder tun aber ich bin heute nicht zu Hause, aber muss es Morgen Abgeben. Das Quiz soll ja auch nicht besonders aufwendig gemacht werden... es soll so Simple wie es nur geht gemacht werden, aber alles obengenannte sollte drin Sein

Ich hab sogar schon Angefange...
Das heißt ihr müsst nur noch mehrere Fragen adden und das Design verbessern

IceQ1337 · 01/14/2016, 14:47

Das Problem ist leider nur, dass dies kein Hausaufgabenboard ist und sowas hier verboten ist...
Hättest du das mit den Hausaufgaben nicht einfach weglassen können?

Edit: Nicht, dass ich es nicht auch machen würde :P

Czer0™ · 01/14/2016, 14:50

Nur HTML? Wie soll man das mit HTML machen, wenn die Punkte mitgezählt werden müssen? ^^

~~MQTT.~~ · 01/14/2016, 14:51

wir sind kein hausaufgabenforum...

IceQ1337 · 01/14/2016, 14:54

Quote:

Originally Posted by Chrizz™

Nur HTML? Wie soll man das mit HTML machen, wenn die Punkte mitgezählt werden müssen? ^^

Das ist in den meisten Fällen einfacher Javascript-Code.
Ich denke diesen verlangt er hier auch

~~T0ny Chopper~~ · 01/14/2016, 14:54

Die sollen ja nicht gespeichert werden, wenn man die Seite neu lädt kann die Punktanzahl gerne verschwinden. Hier ist der Code wie weit ich schon gekommen bin.
Edit: Ja ist Javascript, Was ihr noch machen müsst wäre das Design verbessern da ich da nicht gut drinne bin.... Die weiteren Fragen kann ich auch selbst später hinzufügen

HTML Code:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Bootstrap 101 Template</title>

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css" integrity="sha384-aUGj/X2zp5rLCbBxumKTCw2Z50WgIr1vs/PFN4praOTvYXWlVyh2UtNUU0KAUhAX" crossorigin="anonymous">

  </head>
  <body>
    
      
    <span class="label label-primary" id="punkte">Primary</span>


    <div id="fragenkatalog">
        
        <div class="panel panel-default frage">
            <!-- Default panel contents -->
            <div class="panel-heading">Frage</div>
            <div class="panel-body">
              <p>Gegenkathete:Hypotenuse=</p>
            </div>

            <!-- List group -->
            <ul class="list-group">
              <li class="list-group-item antwort richtig">Sinus</li>
              <li class="list-group-item antwort">Cosinus</li>
              <li class="list-group-item antwort">Tangens</li>
              <li class="list-group-item antwort">16</li>
              <li class="list-group-item antwort">104</li>
            </ul>
          </div>
        
        <div class="panel panel-default frage">
            <!-- Default panel contents -->
            <div class="panel-heading">Frage 2</div>
            <div class="panel-body">
              <p>Was ist die dritte Wurzel aus 64?</p>
            </div>

            <!-- List group -->
            <ul class="list-group">
              <li class="list-group-item antwort">13</li>
              <li class="list-group-item antwort richtig">4</li>
              <li class="list-group-item antwort">22</li>
              <li class="list-group-item antwort">16</li>
              <li class="list-group-item antwort">104</li>
            </ul>
          </div>

<div class="panel panel-default frage">
            <!-- Default panel contents -->
            <div class="panel-heading">Frage3</div>
            <div class="panel-body">
              <p>Ankathete:Hypotenuse=</p>
            </div>

            <!-- List group -->
            <ul class="list-group">
              <li class="list-group-item antwort">Sinus</li>
              <li class="list-group-item antwort richtig">Cosinus</li>
              <li class="list-group-item antwort">Tangens</li>
              <li class="list-group-item antwort">16</li>
              <li class="list-group-item antwort">104</li>
            </ul>
          </div>


<div class="panel panel-default frage">
            <!-- Default panel contents -->
            <div class="panel-heading">Frage4</div>
            <div class="panel-body">
              <p>Ankathete:Hypotenuse=</p>
            </div>

            <!-- List group -->
            <ul class="list-group">
              <li class="list-group-item antwort">Sinus</li>
              <li class="list-group-item antwort">Cosinus</li>
              <li class="list-group-item antwort">Pi</li>
              <li class="list-group-item antwort">Inenwinkelsumme</li>
              <li class="list-group-item antwort">104</li>
            </ul>
          </div>

<div class="panel panel-default frage">
            <!-- Default panel contents -->
            <div class="panel-heading">Frage5</div>
            <div class="panel-body">
              <p>Ankathete:Hypotenuse=</p>
            </div>

            <!-- List group -->
            <ul class="list-group">
              <li class="list-group-item antwort">Sinus</li>
              <li class="list-group-item antwort">Cosinus</li>
              <li class="list-group-item antwort">Pi</li>
              <li class="list-group-item antwort">Inenwinkelsumme</li>
              <li class="list-group-item antwort">104</li>
            </ul>
          </div>
    </div>
    
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <!-- Latest compiled and minified JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" integrity="sha512-K1qjQ+NcF2TYO/eI3M6v8EiNYZfA95pQumfvcVrTHtwQVDG+aHRqLi/ETn2uB+1JqwYqVG3LIvdm9lj6imS/pQ==" crossorigin="anonymous"></script>

    <script>
        var punkte = 0;
        var jokerKosten = -2;
        var jokerVerfuegbar = 2;
        
        //Nur eine Frage anzeigen
        //Antworten anklickbar
        //Nach einem Klick noch darauf reagieren: r/f
        //Die nächste Frage anzeigen
        
        $('#fragenkatalog .frage').hide();
        $('#fragenkatalog .frage').first().show();        
        $('#fragenkatalog .frage:visible .antwort').click(antwortenClick).css('cursor', 'pointer');        
        $('#punkte').html('0 Punkte');
        
        function antwortenClick() {
                if($(this).hasClass('richtig')) {
                    punkte = punkte + 2;
                    alert('Richtig! Du hast jetzt '+punkte+' Punkte!');
                }
                else {
                    punkte = punkte - 4;
                    alert('Falsch! Du hast jetzt '+punkte+' Punkte!');
                }                                
                naechsteFrage();
            }
            
        function naechsteFrage () {              
                $('#punkte').html(punkte+' Punkte');
            
                //Wechsel zur nächsten Frage
                $('#fragenkatalog .frage:visible .antwort').off('click');                
                $('#fragenkatalog .frage:visible').hide().next('.frage').show();                               
                $('#fragenkatalog .frage:visible .antwort').click(antwortenClick).css('cursor', 'pointer');
                
                //Überhaupt noch eine Frage da?
                if($('#fragenkatalog .frage:visible').length==0) {
                    if(punkte>0)
                       alert('Du hast gewonnen! Mit einer Gesamtpunktzahl von '+punkte+' Punkten');
                    else
                       alert('Du hast verloren! Mit einer Gesamtpunktzahl von '+punkte+' Punkten');
                }
                
                if(punkte>=jokerVerfuegbar) {
                    $('#fragenkatalog .frage:visible .panel-body').append('<button class="btn btn-primary" id="joker">Joker</button>');
                    $('#joker').on('click', function () { joker()});
                }
            }
            
        function joker() {
            punkte = punkte + jokerKosten;
            naechsteFrage();
        }
    </script>
    
  </body>
</html>

Czer0™ · 01/14/2016, 14:54

Quote:

Originally Posted by IceQ1337

Das ist in den meisten Fällen einfacher Javascript-Code.
Ich denke diesen verlangt er hier auch

Jo, dachte ich mir, habe mich nur gewundert, weil oben zwei mal "nur HTML" oder so steht. :P

~~oOLarsOo~~ · 01/14/2016, 15:08

In der Zeit wo du jemanden suchst, der dir das fertig macht, hättest du es bestimmt selber machen können.

Und wenn du später deine Abschlussprüfung schreiben musst lässt du das dann auch jemand anderes machen ? ^^

~~T0ny Chopper~~ · 01/14/2016, 15:14

Quote:

Originally Posted by oOLarsOo

In der Zeit wo du jemanden suchst, der dir das fertig macht, hättest du es bestimmt selber machen können.
Und wenn du später deine Abschlussprüfung schreiben musst lässt du das dann auch jemand anderes machen ? ^^

Ich bin Leider nicht zu Hause und nur am Handy on, deswegen kann ich es nicht machen

und Spar dir die Unnötigen Kommentare Bitte.
Und ja wenn es die möglichkeit gebe würde ich auch einen anderen meine Abschlussprüfung (eher gesagt Abitur) schreiben aber nicht weil ich es nicht kann sondern weil ich keine Lust habe.

Mfg Chopper^^

~~Imbattibile~~ · 01/14/2016, 15:19

Lässt du dann auch wenn du nach dem Abitur arbeitest jemanden für dich arbeiten weil du keine Lust hast?

Wenns nur das ist was du oben angegeben hast send mir mal ne PN ich mach das auch umsonst, habe heute so gut wie nichts zutun.

~~T0ny Chopper~~ · 01/14/2016, 15:30

Quote:

Originally Posted by Imbattibile

Lässt du dann auch wenn du nach dem Abitur arbeitest jemanden für dich arbeiten weil du keine Lust hast?

Wenns nur das ist was du oben angegeben hast send mir mal ne PN ich mach das auch umsonst, habe heute so gut wie nichts zutun.

Cool Danke Bekommst eine PN

Edit: Ja natürlich lass ich dann jemanden für mich arbeiten

C0kkie · 01/14/2016, 15:44

Quote:

Originally Posted by Nguyen.

wir sind kein hausaufgabenforum...

#closed