Switching to the new function writing format

by

I moved this up in your code and it worked, It’s not working because you are trying to call generateQuestion(currentQuestion); before defining it.

After a function expression has been stored in a variable, the variable can be used as a function. Functions stored in variables do not need function names. The function’s name doesn’t get hoisted if it is part of a function expression.

var pitanje = document.getElementById('question');
var restart = document.getElementById('reset');
var currentQuestion = 0;
var score = 0;

var questions = [
	{
		question: "Best internet service provider is:",
    answers: ["DSLON WIRELESS","BH Telecom","Gigaherc","TELESKY"],
    answer: "DSLON WIRELESS"
	},
  {
		question: "Bad internet service provider is:",
    answers: ["BH Telecom","TELESKY","Gigaherc","DSLON WIRELESS"],
    answer: "Gigaherc"
	},
  {
		question: "What is the name of the President of Russia?",
    answers: ["Donald Trump","Vladimir Vladimirovich Putin","Barack Obama","Bakir Izetbegovic"],
    answer: "Vladimir Vladimirovich Putin"
	}
];

const nextQuestion = ()=> {
  currentQuestion++;
  score ++;
  generateQuestion(currentQuestion);
}
const wrongAnswer = ()=> {
	alert('Odgovor nije tacan,igra krece ponovno!');
  resetGame();
}

var generateQuestion = (id_x) =>  {

  pitanje.innerHTML = '';
  
	if (id_x === questions.length) {
   pitanje.innerHTML = "Vas rezultat je:" + score;
  	return;
  }
	var pitanja = questions[id_x];
	pitanje.innerHTML = '<b>' + pitanja.question + '</b>';  
  var correctAnswer = pitanja.answer;
  for (var i = 0; i < pitanja.answers.length; i++) {
  	var answer = pitanja.answers[i];
  	var odgovaranje = document.createElement('LI');
    odgovaranje.innerHTML = answer;
    odgovaranje.style.cursor="pointer";    
    if (answer === correctAnswer) {
    	odgovaranje.addEventListener('click', nextQuestion);
    } else {
    	odgovaranje.addEventListener('click', wrongAnswer);
    }
    
    pitanje.appendChild(odgovaranje);
  }
}



resetGame =  () => {
	currentQuestion = 0;
  score = 0;
  generateQuestion(currentQuestion);
  alert("igra je ponovno krenula");
}

generateQuestion(currentQuestion);
restart.addEventListener('click', resetGame);
<div id="question"></div>
<button id="reset">Reset game</button>

More Related Contents:

  1. How to convert string to date object in javascript? [duplicate]
  2. Ways to circumvent the same-origin policy
  3. How to write a countdown timer in JavaScript? [closed]
  4. Replace multiple strings with multiple other strings
  5. How do I make JavaScript Object using a variable String to define the class name?
  6. onchange event on input type=range is not triggering in firefox while dragging
  7. BehaviorSubject vs Observable?
  8. What is returned from a constructor?
  9. How to wait for a JavaScript Promise to resolve before resuming function?
  10. Sorting a JSON object in Javascript
  11. What is the JavaScript >>> operator and how do you use it?
  12. How do you test for NaN in JavaScript?
  13. JavaScript triple greater than
  14. window.variableName
  15. Using CSS3 Animations in IE9+
  16. Classical Vs prototypal inheritance
  17. How do I move file a to a different partition or device in Node.js?
  18. Cross-browser Save As .txt
  19. How to get cookie expiration date / creation date from javascript? [duplicate]
  20. Why is my function being called twice in React?
  21. Javascript – String concatenation [duplicate]
  22. How does the (function() {})() construct work and why do people use it?
  23. Alternative for innerHTML?
  24. What is the difference between Polymer elements and AngularJS directives?
  25. TypeScript “Compile on save” feature not working in Visual Studio 2015
  26. JavaScript Profiler in IE
  27. $resource callback (error and success)
  28. D3 put arc labels in a Pie Chart if there is enough space
  29. How to post ASP.NET MVC Ajax form using JavaScript rather than submit button
  30. How to get function body text in JavaScript? [duplicate]

Leave a Comment