HTML/CSS - Game Online Editor and JavaScript Compiler

html

<!DOCTYPE html>
<html>
  <head>
    <title>Game</title>
  </head>
  <body>
    <div id="game">
  <div id="sky"></div>
  <div id="mountains">
    <div class="mountain"></div>
    <div class="mountain"></div>
    <div class="mountain"></div>
    <div class="mountain"></div>
  </div>
  <div id="terrain"></div>
  <div id="fog" class="hidden"></div>
  <canvas id="road"></canvas>
  <div id="cars"></div>
  <div id="car" class="player car"></div>
  <div id="ui">
    <div id="panel">
      <div id="km"><a></a><a>0</a><a>0</a><a>0</a><a>0</a><a>0</a></div>
      <div id="lap"><a>1</a></div>
      <div id="position"><a>P</a><a>2</a><a>0</a><a>0</a></div>
    </div>
  </div>
</div>
<h1 id="click">Click to start!</h1>

css

body {
  overflow: hidden;
  background:  #111;
  font-family: "Lato", "Lucida Grande","Lucida Sans Unicode", Tahoma, Sans-Serif;
}
h1 {
  color:  white;
  text-align: center;
  cursor: pointer;
}
p {
  color:  white;
  text-align: center;
}
#game {
  width: 320px; height: 240px;
  position: relative;
  margin: 50px auto;  
  perspective: 100px;
  overflow: hidden;
  transform: scale(1.3);
  cursor: pointer;
}
#game > * {
  position: absolute;   
  width: 100%;
}
#sky {

window.onload = function(){
    //CARS
var car = document.getElementById('car');
car.init = function () {  
  car.speed = 0.2;
  car.turn = 0;
  car.x = car.offsetLeft;
  car.y = 0;
  car.width = car.offsetWidth;
  car.height = car.offsetHeight;
  car.maxSpeed = 8;
  car.km = 0;
  car.motor = 1;  
  car.crashed = false;
  car.acc = 0.02,
  car.break = 0.01;
};
car.frame = function () {
  car.motor *= -1;
  car.style.left = parseInt(car.x) + 'px';
  car.style.transform = 'scaleX('+car.motor+')';
  car.steer();
};
car.steer = function () {
  car.x += car.sx;
  road.P0.x -= car.sx;
  road.P1.x -= car.sx;
  road.P2.x -= car.sx;

BROWSER

Console