diff --git a/docs/test.go b/docs/api.go
similarity index 100%
rename from docs/test.go
rename to docs/api.go
diff --git a/docs/test.wasm b/docs/api.wasm
similarity index 100%
rename from docs/test.wasm
rename to docs/api.wasm
diff --git a/docs/index.html b/docs/index.html
index 602f8ef..8a1f86b 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1,7 +1,22 @@
 <!DOCTYPE html>
 <html>
-  <head></head>
+  <head>
+    <title>go-wasm-http-server demo</title>
+    <script>
+      function hello() {
+        res=await fetch('api/hello', {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json'
+          },
+          body: JSON.stringify({ name: document.querySelector("#name").value })
+        })
+      }
+    </script>
+  </head>
   <body>
+    <label for="name">Name : </label><input id="name" value="World">
+    <button onclick="hello">Hello</button>
     <script>
       navigator.serviceWorker.register('sw.js')
     </script>
diff --git a/docs/sw.js b/docs/sw.js
index 217a54c..6371038 100644
--- a/docs/sw.js
+++ b/docs/sw.js
@@ -4,6 +4,6 @@ importScripts(
 )
 
 wasmhttp.serve({
-  wasm: 'test.wasm',
-  base: '/test',
+  wasm: 'api.wasm',
+  base: '/api',
 })
