diff --git a/README.md b/README.md
index 4db595b..19cab6b 100644
--- a/README.md
+++ b/README.md
@@ -65,4 +65,30 @@ Thymeleaf parses the `greeting.html` template and evaluates the `th:text` exp
     <p th:text="'Hello, ' + ${name} + '!'" />
 </body>
 </html>
+```
+
+# Interactivity
+
+Let's add minimal interactivity to the page by introducing an input field and a button. On the button press, a simple JavaScript will reload the page (by calling [[README#Web Controller]] 's `Get` endpoint) providing a value from the input filed as a URL parameter. 
+
+```html
+...
+<body>
+    <p th:text="'Hello, ' + ${name} + '!'" />
+    <input value="user"/>
+    <button>Get your greeting</button>
+</body>
+</html>
+
+<script>
+    function getName() {
+        const name = document.querySelector('input').value;
+        console.log(name);
+
+        window.open('http://localhost:8080/greeting?name='+name)
+    }
+
+    const button = document.querySelector('button');
+    button.addEventListener("click", getName);
+</script>
 ```
\ No newline at end of file
diff --git a/src/main/resources/templates/greeting.html b/src/main/resources/templates/greeting.html
index 79c2493..7c617d8 100644
--- a/src/main/resources/templates/greeting.html
+++ b/src/main/resources/templates/greeting.html
@@ -6,5 +6,19 @@
 </head>
 <body>
     <p th:text="'Hello, ' + ${name} + '!'" />
+    <input value="user"/>
+    <button>Get your greeting</button>
 </body>
-</html>
\ No newline at end of file
+</html>
+
+<script>
+    function getName() {
+        const name = document.querySelector('input').value;
+        console.log(name);
+
+        window.open('http://localhost:8080/greeting?name='+name)
+    }
+
+    const button = document.querySelector('button');
+    button.addEventListener("click", getName);
+</script>
\ No newline at end of file
