index.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>Hello World!</title>
</head>

<body>
  <canvas id="sketchpad" width="400" height="300"></canvas>
  <script>
    var canvas = document.getElementById("sketchpad");
    canvas.addEventListener('mousedown', sketchpad_mouseDown, false);
    canvas.addEventListener('mousemove', sketchpad_mouseMove, false);
  </script>
  <h1>Hello World!</h1>
  <!-- All of the Node.js APIs are available in this renderer process. -->
  We are using Node.js
  <script>
    document.write(process.versions.node)
  </script>, Chromium
  <script>
    document.write(process.versions.chrome)
  </script>, and Electron
  <script>
    document.write(process.versions.electron)
  </script>.
</body>

<script>
    // You can also require other files to run in this process
    require('./renderer.js')

</script>

</html>