Let people know whose treasure it is

sunu · Apr 2, 2017 · 98fafff · 98fafff
1 parent a164433
commit 98fafff
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
   <meta charset="UTF-8">
-  <title>Document</title>
+  <title>Pirate Map</title>
   <style type="text/css">
     .container {
       width: 100%;
@@ -12,11 +12,15 @@
       display: block;
       margin: auto;
     }
+    h1 {
+      font-family: Tangerine;
+    }
   </style>
   <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script>
 </head>
 <body>
   <div class="container">
+    <h1></h1>
     <canvas></canvas>
     <button id="regenerate">Generate a new one!</button>
   </div>

diff --git a/index.js b/index.js
@@ -230,4 +230,14 @@ document.getElementsByTagName('button')[0].addEventListener('click', () => {
   let ctx = canvas.getContext('2d')
   ctx.clearRect(0, 0, canvas.width, canvas.height)
   new PirateMap()
-})
+})
+
+document.getElementsByTagName('button')[0].addEventListener('click', () => {
+  let canvas = document.getElementsByTagName('canvas')[0]
+  let ctx = canvas.getContext('2d')
+  ctx.clearRect(0, 0, canvas.width, canvas.height)
+  document.getElementsByTagName('h1')[0].innerHTML = "The hidden treasure of Captain " + utils.getRandomName()
+  new PirateMap()
+})
+
+document.getElementsByTagName('h1')[0].innerHTML = "The hidden treasure of Captain " + utils.getRandomName()