From 39c0517195d9143661b6f941345a876621839f70 Mon Sep 17 00:00:00 2001
From: exaucae <chrysexaucet@hotmail.fr>
Date: Fri, 17 Jun 2022 22:31:32 +0000
Subject: [PATCH] refactor: refine examples

---
 .../src/main/webapp/WEB-INF/js/functionCall.js |  8 --------
 .../webapp/WEB-INF/views/functionCall.html     | 18 ++++++++++++------
 2 files changed, 12 insertions(+), 14 deletions(-)
 delete mode 100644 spring-web-modules/spring-thymeleaf/src/main/webapp/WEB-INF/js/functionCall.js
diff --git a/spring-web-modules/spring-thymeleaf/src/main/webapp/WEB-INF/js/functionCall.js b/spring-web-modules/spring-thymeleaf/src/main/webapp/WEB-INF/js/functionCall.js
deleted file mode 100644
index 41a71a73d2..0000000000
--- a/spring-web-modules/spring-thymeleaf/src/main/webapp/WEB-INF/js/functionCall.js
+++ /dev/null
@@ -1,8 +0,0 @@
-
-function greetWorld() {
-    alert("hello world")
-}
-
-function salute(name) {
-    alert("hello: " + name)
-}
\ No newline at end of file
diff --git a/spring-web-modules/spring-thymeleaf/src/main/webapp/WEB-INF/views/functionCall.html b/spring-web-modules/spring-thymeleaf/src/main/webapp/WEB-INF/views/functionCall.html
index b3172a0c98..d21fb7cf27 100644
--- a/spring-web-modules/spring-thymeleaf/src/main/webapp/WEB-INF/views/functionCall.html
+++ b/spring-web-modules/spring-thymeleaf/src/main/webapp/WEB-INF/views/functionCall.html
@@ -4,9 +4,16 @@
 <meta charset="UTF-8" />
 <title>Thymeleaf: Javascript function call</title>
 </head>
-<script type="text/javascript"
-        src="../js/functionCall.js">
+<script  th:inline="javascript">
+    function greetWorld() {
+        alert("hello world")
+    }
+
+    function salute(name) {
+        alert("hello: " + name)
+    }
 </script>
+
 <body>
     <header>
         <div> Thymeleaf: Javascript function call </div>
@@ -14,11 +21,10 @@
     <main>
         <section class="flex-box">
                 <button th:onclick="greetWorld()">using no variable</button>
-                <button th:onclick="'alert(\' 1. static variable used here.\');'">using static variable</button>
-                <button th:onclick="'alert(\' '1. There are exactly  + ${totalStudents} +  students'\');'">using inline dynamic variable</button>
-                <button th:onclick="'javascript:alert(\''2. There are exactly  + ${totalStudents}  +  students'\');'">using javascript:function</button>
+                <button th:onclick="'alert(\'static variable used here.\');'">using static variable</button>
+                <button th:onclick="'alert(\'There are exactly '  + ${totalStudents} +  ' students\');'">using inline dynamic variable</button>
+                <button th:onclick="'javascript:alert(\'There are exactly '  + ${totalStudents}  +  ' students\');'">using javascript:function</button>
                 <button th:data-name="${student.name}" th:onclick="salute(this.getAttribute('data-name'))">using data attribute</button>
-                <button th:onclick="@{'salute(' + ${student.name} + ');'}">using @ tag</button>
                 <button th:onclick="salute([[${student.name}]])">using double brackets</button>
         </section>
     </main>
