Click button – Show Random Question

Edit Page where you want to add effect > Add a Code Block > Paste the code

<div class="well">
            <p class="lead text-center" id="wellSentence">Hello!</p>
        </div>
        <!-- End Well -->

        <div class="generator text-center">
            <button class="btn btn-warning" type="button" name="button" id="generateNew">Generate New Sentence!</button>
        </div>
<style>
  div.code-block * {
    font-size: 38px !important;
    text-align: center;
     font-family: SuisseIntlMono-Regular;
}
  button#generateNew {
    background-color: #fff !important;
    font-size: 24px !important;
}
  </style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
        <script>
          $(document.body).click(function() {

  var sentenceArray = [
        "Thou shalt have no other gods before Me.",
        "Thou shalt not make idols.",
        "Thou shalt not take the name of the LORD thy God in vain.",
        "Remember the Sabbath day, to keep it holy.",
        "Honor thy father and thy mother.",
        "Thou shalt not murder.",
        "Thou shalt not commit adultery.",
        "Thou shalt not steal.",
        "Thou shalt not bear false witness against thy neighbor.",
        "Thou shalt not covet thy neighbour’s wife, thou shalt not covet thy neighbour’s house ."
        ],

  randSentence = sentenceArray[Math.floor(Math.random() * sentenceArray.length)];
  document.getElementById("wellSentence").textContent = randSentence;
  if (typeof prevSentence == "undefined") {
        newSentence = randSentence;
      } else {
        newSentence = randSentence;
        if (newSentence == prevSentence) randomNum += 1;
      };
  });
</script>

To change the question text, find these lines

Ask me a question, free