Auf Thema antworten

Beitrag

[QUOTE="Onkel, post: 14341, member: 4907"]
[CODE=javascript]function shuffle(quotes) {
  let counter = quotes.length;

// While there are elements in the quotes
  while (counter > 0) {
    // Pick a random index
    let index = Math.floor(Math.random() * counter);

// Decrease counter by 1
    counter--;

// And swap the last element with it
    let temp = quotes[counter];
    quotes[counter] = quotes[index];
    quotes[index] = temp;
  }

return quotes;
} // diese Klammer fehlte
// Object array of quotes
var quotes = [{
    quote: 'Zitat 1',
    source: 'Autor1',
    category: 'Technology'
  }, {
    quote: 'Zitat 2',
    source: 'Anonymous'
  }, {
    quote: 'Zitat 3',
    source: 'Autor 2'
  }, {
    quote: 'Zitat 4',
    source: 'Anonymous',
    category: 'inspirational'
  },
];
// Shuffle quotes
shuffle(quotes);

// for active timer to change display of quote
var timerId;
var lastQuote = -1;
// Change quote after delay
setQuoteTimer();
// Display new quote after 10 seconds
function setQuoteTimer() {
  timerId = setTimeout(printQuote, 10000);
}
// get random integer between 2 integers, inclusive for both
function getRandomInt(fromNumber, toNumber) {
  fromNumber = Math.ceil(fromNumber);
  toNumber = Math.floor(toNumber);
  return Math.floor(Math.random() * (toNumber - fromNumber + 1)) + fromNumber;
}
/* generates random color in CSS HSL format using a given saturation and lightness
  saturation: numeric, 0-100
  lightness:  numeric, 0-100
  returns:    string, color in CSS HSL format
*/
function getRandomColorHSL(saturation, lightness) {
  return 'hsl(' + getRandomInt(0, 255) + ', ' + saturation + '%, ' + lightness + '%)';

// get a random quote object from a quotes object array
 function getRandomQuote(array) {
 // get a random quote object from a quotes object array
 function getRandomQuote(array) {
 var quoteIndex = 0;
 function getRandomQuote(array) {
 return array[quoteIndex++];
 }
 // formats quote, prints it to 'quote-box' div with randomized bg color
 function printQuote() {
 var newColor, html, oQuote;
 // If a quote timer is active, clear it
 if (timerId) {
 clearTimeout(timerId);
 }
 // randomize background color, use lightness & saturation from original bg color #36b55c HSL: 138,54,46
 newColor = getRandomColorHSL(54, 46);
 document.body.style.backgroundColor = newColor;
 document.getElementById('loadQuote').style.backgroundColor = newColor;
 // concatenate html to display quote
 oQuote = getRandomQuote(quotes);
 html = '' + oQuote.quote + '' + oQuote.source;
 if (oQuote.citation) {
 html += '' + oQuote.citation + '';
 }
 if (oQuote.year) {
 html += '' + oQuote.year + '';
 }
 if (oQuote.category) {
 html += '' + oQuote.category + '';
 }
 document.getElementById('quote-box').innerHTML = html;
 // start timer to change quote
 setQuoteTimer();
 }

/***
        When the "Show another quote" button is clicked, the event listener
        below will be triggered, and it will call, or "invoke", the `printQuote`
        function. So do not make any changes to the line of code below this
        comment.
      ***/
      document.getElementById('loadQuote').addEventListener("click", printQuote, false);[/CODE]
[/QUOTE]

Authentifizierung