View sourcecode

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Base for Hangman, using SVG and JavaScript</title>
</head>
<body>

<p>Review the <a href="hangman.js">sourcecode of the JavaScript-file</a>, then open up the console in the developer tool to do the magic to hide/show individual parts of the SVG-image.</p>

<p>This example does not work since the resource is loaded later. The JavaScript needs to execute om document ready to make this example with external resource work.</p>

<!-- Created with Inkscape (http://www.inkscape.org/) -->

<img src="hangman-validates-inline.svg" alt="Hangman as SVG">

<script src="hangman.js"></script>
</body>
</html>