☷
Startseite » Forum » Programmierer » Sprachen » Javascript

» Eine Zeile nach der anderen auf Knopfdruck ausgeben

Zeit ausrechnenNeuen Thread eröffnenNeue Antwort erstellenHTML-Event mit NodeJS ausführen wegen Datei-Verwaltung
AutorNachricht
mini25
Beobachter 
Anmeldedatum: 05.08.2020
Beiträge: 1
05.08.2020, 21:22
zitieren
Hi Leute,



ich komme an einer Stelle nicht weiter. Ich habe in der Datenbank Fragen, die ich einzeln ausgeben will. Heißt die erste Frage kommt, nachdem man den Knopf drückt kommt die nächste Frage.



Mein bisheriger Code:


<?php
  session_start();
  if(!isset($_SESSION["email"])){
    header("Location: ../noLogin.html");
    exit;
  }
  if($_SESSION["job"] != "T"){
    header("Location: ../Dashboard.php");
    exit;
  }
  if($_SESSION["tecvid"] != "true"){
    header("Location: ../Dashboard.php");
    exit;
  }

  require("../mysql.php");
?>


<!DOCTYPE html>
<html lang="en">

  <head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Talebe Ders</title>

    <!-- Bootstrap core CSS -->
    <link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="../css/full-width-pics.css" rel="stylesheet">

  </head>

  <body>

    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
      <div class="container">
        <a class="navbar-brand" href="../index.php">Talebe Ders</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarResponsive">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item">
              <a class="nav-link" href="../index.php">Anasayfa</a>
            </li>
            <li class="nav-item active">
              <a class="nav-link" href="../Dashboard.php">Dashboard
                <span class="sr-only">(current)</span>
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="../about.html">About</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="../services.html">Services</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="../impressum.html">Impressum</a>
            </li>
            <li class="nav-item">
              <a class="nav-link btn btn-danger" href="../logout.php">Oturumu Kapat</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>

    <!-- Content section -->
    <section class="py-5">
        <div class="container">
            <h1>Med Bahsı</h1>
        </div>
    </section>
    
    


    <?php
      $stmt = $mysql->prepare("SELECT * FROM t_med ORDER BY RAND()");
      $stmt->execute();
      $count = $stmt->rowCount();

      $row = $stmt->fetch();


      //random answers
      $answer_options = array("ANTWORT1", "ANTWORT2", "ANTWORT3", "ANTWORT4");
      shuffle ($answer_options);


      for($i = 0; $arrayDBQuestions[$i] = $stmt->fetch(); $i++);
      print_r($arrayDBQuestions);
      
    ?>
    

    <div class="container alert alert-primary" role="alert">
      <h4 class="alert-heading">Soru</h4>
      <hr>
      <div class="shadow p-3 mb-5 bg-white rounded" id="answercolour">
        <p class="mb-0 p-question"> <?php print_r($row['FRAGE']); ?></p>
      </div>
      <hr>

      <form class="form-check">
        <div class="form-check">
          <input class="form-check-input" type="radio" name="selectedRadios" id="radio1" value="option1">
          <label class="form-check-label" for="exampleRadios1" id="answer1">
          <?php print_r($row[$answer_options[0]]); ?> 
          </label>
        </div>
        <div class="form-check">
          <input class="form-check-input" type="radio" name="selectedRadios" id="radio2" value="option1">
          <label class="form-check-label" for="exampleRadios1" id="answer2">
          <?php print_r($row[$answer_options[1]]); ?>
          </label>
        </div>
        <div class="form-check">
          <input class="form-check-input" type="radio" name="selectedRadios" id="radio3" value="option1">
          <label class="form-check-label" for="exampleRadios1" id="answer3">
          <?php print_r($row[$answer_options[2]]); ?> 
          </label>
        </div>
        <div class="form-check">
          <input class="form-check-input" type="radio" name="selectedRadios" id="radio4" value="option1">
          <label class="form-check-label" for="exampleRadios1" id="answer4">
          <?php print_r($row[$answer_options[3]]); ?>
          </label>
        </div>

        <div class="rightDIV">
          <button type="button" class="btn btn-primary rightButton" onclick="checkAnswer()">Devam ➔</button>
        </div>

      </form>

    </div>
    



    <!-- Bootstrap core JavaScript -->
    <script src="../vendor/jquery/jquery.min.js"></script>
    <script src="../vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

    
    <script type="text/javascript">

      let answercolour0js = document.getElementById("answercolour");
      let answercolour1js = document.getElementById("answer1");
      let answercolour2js = document.getElementById("answer2");
      let answercolour3js = document.getElementById("answer3");
      let answercolour4js = document.getElementById("answer4");
      //radio def
      let radio1 = document.getElementById("radio1");
      let radio2 = document.getElementById("radio2");
      let radio3 = document.getElementById("radio3");
      let radio4 = document.getElementById("radio4");

      //answer def
      let answer1 = document.getElementById("answer1");
      let answer2 = document.getElementById("answer2");
      let answer3 = document.getElementById("answer3");
      let answer4 = document.getElementById("answer4");

      var rowANTWORT1 =<?php echo json_encode($row['ANTWORT1']);?>;


      var checked = 0;

      function checkAnswer() {
        if(checked == 0){
          checked = 1;
          if(radio1.checked == true){
            if(answer1.innerText == rowANTWORT1){
              answercolour0js.classList.add("green-background");
              answercolour1js.classList.add("green-background");
            }else{
              answercolour0js.classList.add("red-background");
              answercolour1js.classList.add("red-background");

              if(answer2.innerText == rowANTWORT1){
                answercolour2js.classList.add("green-background");
              }else if(answer3.innerText == rowANTWORT1){
                answercolour3js.classList.add("green-background");
              }else if(answer4.innerText == rowANTWORT1){
                answercolour4js.classList.add("green-background");
              }
            }
          }else if(radio2.checked == true){
            if(answer2.innerText == rowANTWORT1){
              answercolour0js.classList.add("green-background");
              answercolour2js.classList.add("green-background");
            }else{
              answercolour0js.classList.add("red-background");
              answercolour2js.classList.add("red-background");

              if(answer1.innerText == rowANTWORT1){
                answercolour1js.classList.add("green-background");
              }else if(answer3.innerText == rowANTWORT1){
                answercolour3js.classList.add("green-background");
              }else if(answer4.innerText == rowANTWORT1){
                answercolour4js.classList.add("green-background");
              }

            }
          }else if(radio3.checked == true){
            if(answer3.innerText == rowANTWORT1){
              answercolour0js.classList.add("green-background");
              answercolour3js.classList.add("green-background");
            }else{
              answercolour0js.classList.add("red-background");
              answercolour3js.classList.add("red-background");

              if(answer1.innerText == rowANTWORT1){
                answercolour1js.classList.add("green-background");
              }else if(answer2.innerText == rowANTWORT1){
                answercolour2js.classList.add("green-background");
              }else if(answer4.innerText == rowANTWORT1){
                answercolour4js.classList.add("green-background");
              }

            }
          }else if(radio4.checked == true){
            if(answer4.innerText == rowANTWORT1){
              answercolour0js.classList.add("green-background");
              answercolour4js.classList.add("green-background");
            }else{
              answercolour0js.classList.add("red-background");
              answercolour4js.classList.add("red-background");

              if(answer1.innerText == rowANTWORT1){
                answercolour1js.classList.add("green-background");
              }else if(answer2.innerText == rowANTWORT1){
                answercolour2js.classList.add("green-background");
              }else if(answer3.innerText == rowANTWORT1){
                answercolour3js.classList.add("green-background");
              }

            }
          } else {
            alert("Cevaplardan birini seç!");
          }
        }else if(checked == 1){
          checked = 0;
        }
      }

    </script>

  </body>

  <!-- Footer -->
  <footer class="py-5 bg-dark">
    <div class="container">
      <p class="m-0 text-center text-white">&copy; 2020 Eyyüp Aslaner</p>
    </div>
    <!-- /.container -->
  </footer>

</html>

Ich habe versucht die Frage in JS zu encoden, danach das von JS aus in den p-Tag anzugeben. Habe ich aber nicht geschafft.



Hat jemand ein Vorschlag wie ich das hinbekommen kann?:saint:

Gefällt mirTeilentwittern
▲pn
programmierer-forum.de
Gast 
05.08.2020, 21:22
zitieren

Mach mit!

Wenn Dir die Beiträge zum Thread "Eine Zeile nach der anderen auf Knopfdruck ausgeben" gefallen haben oder Du noch Fragen hast oder Ergänzungen machen möchtest, solltest Du Dich gleich bei uns anmelden:



Registrierte Mitglieder genießen die folgenden Vorteile:
✔ kostenlose Mitgliedschaft
✔ keine Werbung
✔ direkter Austausch mit Gleichgesinnten
✔ neue Fragen stellen oder Diskussionen starten
✔ schnelle Hilfe bei Problemen
✔ Bilder und Videos hochladen
✔ und vieles mehr...

▲
Neuen Thread eröffnenNeue Antwort erstellen
Startseite » Forum » Programmierer » Sprachen » Javascript
Ähnliche BeiträgeRe:
√		Letzter Beitrag
Braille-Zeile für das Ipad
Hallo, die [URL=http://www.apple.com/de/voiceover/info/guide/_1129.html]Braille-Zeile für das Ipad/_1129.html[/URL] ermöglicht es meiner Freundin erstmals, bequem Bücher zu (mit den Händen) zu "lesen", auch unterwegs im Zug zu arbeiten etc....
von phantasien		0
572		10.02.2012, 11:07
phantasien
kleines bild in die linke zeile
hallo wie bekom ich ein kleines bild hir links in die zeile das haben viele nur ich...
von Black Bullet		8
1.221		18.07.2005, 21:35
Black Bullet
motor starten per knopfdruck beim eg2
Hallo, Wie ihr im titel schon erkennt möchte ich mal gerne wissen ob ich meinen eg2 auch per knopfdruck starten kann ??? Wenn ja wie funktioniert das ganze wo muss ich wass anschliessen und muss ich das originale zündschloss trotzdem...
von del_sol driver		8
1.572		25.02.2007, 08:44
KleenerKrasser
Kofferraum per Knopfdruck automatisch hochfahren lassen?
Hi, habe nen ej9 und habe mir ne alarmanlage eingebaut. da ich noch nen kanal frei hatte habe ich mir nen stellmotor in den kofferraum gebaut, der die heckklappe öffnet. nun will ich das sich die heckklappe von alleine ganz öffnet wenn ich den knopf...
von cccp-civic		20
8.266		25.06.2006, 18:49
MGHonda
Vorlage - Zeile soll nicht angezeigt werden wenn sie leer ist
Hallo, was muss ich eingeben, das bei einer vorlage, gewisse Zeilen nicht angezeit werden, wenn zum beispiel die jeweilige Person noch lebt. {{Person |Name = Name |Geburtsort =Ort |Wohnort = Ort2 |Geburtsjahr = 2033 |Gestorben = |Aufgaben =...
von Thosti		1
209		28.02.2015, 10:16
mgutt
Kosten für eine §21 Vollabnahme nach Stilllegung
Hallöchen! Mit was muss ich rechnen wenn ich ein mehr als 18 Monate altes fahrzeug wieder zulassen will. ich weiß das ich ne Komplettabnahme brauche... aber was kostet das? und gibt es da...
von Tarique		5
8.335		19.03.2006, 22:08
Tarique
Was braucht eine Wohnung - also Voraussetzungen nach Baurecht
Leider finde ich aktuell keine Übersicht. Mich interessieren so Dinge wie das bestimmte Räume da sein müssen. Da denke ich mal Küche bzw. Kochnische, Bad und laut Hörensagen braucht es ohne Kellerraum auch einen 1m² Vorratsraum. Dann geht es weiter mit...
von mgutt		0
128		21.09.2014, 07:09
mgutt
10103042: Nach einem Jahr Ruhe ohne Vorwarnung eine Zahlung
Na das freut doch das Anlegerherz...
von mgutt		1
307		19.02.2013, 16:23
MisterMaux
Welche Folgen kann eine Falsche Lenkrad Nabe nach sich ziehen?
Guten Abend, kurze Frage: Ich Fahre einen Honda Civic EG 3 und habe heute mein Lenkrad ausgetauscht. Ich brauche NORMAL die Nabe "M333" laut meiner Info. Diese wr aber nicht zur hand und durch das, dass meine Hupe eh nicht mehr Funktioniert...
von dawoifi		1
260		11.06.2017, 10:34
Dreffi
Array Ausgeben
Hi Leute, habe gerade folgenden Code verfasst... public class Array { public static void changeArray(int[] array) { for(int i= 0; i < array.length; i++) { if(array[i] % 2==0) { array[i]= array[i]*-1; } else { array[i]=array[i]*10; } } } public static...
[Java]von DeppJonez		1
367		01.02.2017, 19:42
angemon
© 2004 - 2025 www.programmierer-forum.de | Communities | Impressum |