Sylvain Saurel ssaurel

## clickspeedgame.htm
<html>
<head>
<title>Click Speed Game in HTML5</title>
<style type="text/css">
  #content {
    width: 200px;
    border: 1px dashed #dc0000;
    font-size: 20px;
    text-align: center;
    margin: 0 auto;

## AddingClickEventListeners.js
// we set a click event listener on the start button
startBtn.addEventListener("click", function(e) {
  startGame();
});

// we add a click event listener on the click
// area div to update the score when the user will click
clickArea.addEventListener("click", function(e) {
  if (!ended) {
    score++;

## EndGame.js
function endGame() {
  // we write final stats
  var clicsBySeconds = (score / duration).toFixed(2);
  timerTxt.textContent = duration.toFixed(3);
  clicksTxt.textContent = clicsBySeconds;
  // we show start button to play an other game
  show(startBtn);

  // we display result to the user in delayed mode
  // to update DOM elements just before the alert

## StartGame.js
function startGame() {
  // we hide the start button
  hide(startBtn);
  score = -1;
  ended = false;
  // we get start time
  startTime = new Date().getTime();

  // we create a timer with the setInterval method
  var timerId = setInterval(function() {

## clickspeedgame.htm
<html>
<head>
<title>Click Speed Game in HTML5</title>
<style type="text/css">
  #content {
    width: 200px;
    border: 1px dashed #dc0000;
    font-size: 20px;
    text-align: center;
    margin: 0 auto;

## chucknorrisrandomfacts.htm
<html>
<head>
 <title>Chuck Norris Random Facts in HTML5</title>
 <style type="text/css">
  #data {
    width: 600px;
    border: 1px dashed black;
    font-size: 20px;
    text-align: center;
    margin: 0 auto;

## Click.js
document.getElementById("logo").addEventListener("click", function() {
  randomFact();
});

## parseJson.js
function parseJson(json) {
  // JSON returned is simple. We have just to display the value property of the JSON Object returned
  var fact = "<b>" + json["value"] + "</b>";
  document.getElementById("data").innerHTML = fact;
}

## randomfact.js
function randomFact() {
  // We call the Web Service via AJAX
  var xmlhttp = new XMLHttpRequest();
  var url = "https://api.chucknorris.io/jokes/random";
  xmlhttp.onreadystatechange = function() {
    if (this.readyState == 4  &&  this.status == 200) {
      var json = JSON.parse(this.responseText);
      // We parse the JSON response
      parseJson(json);
    }

## chucknorrisrandomfacts.htm
<html>
<head>
<title>Chuck Norris Random Facts in HTML5</title>
<style type="text/css">
 #data {
  width: 600px;
  border: 1px dashed black;
  font-size: 20px;
  text-align: center;
  margin: 0 auto;