Change <b> tag to <span> tag for bold output text

Author: lulunac27a

datetime-jsp/datetime.css

@@ -4,4 +4,8 @@
 
 body {
     line-height: 150%;
+}
+
+.output {
+    font-weight: bold; /*bold text*/
 }

datetime-jsp/datetime.jsp

@@ -63,31 +63,31 @@ DateTimeFormatter millisecondOfDay = DateTimeFormatter.ofPattern("A");
 DateTimeFormatter nanosecondOfSecond = DateTimeFormatter.ofPattern("n");
 DateTimeFormatter nanosecondOfDay = DateTimeFormatter.ofPattern("N");
 %>
-    Era: <b><%= era1.format(enteredDateAndTime) + " (" + era2.format(enteredDateAndTime) + ")" + " (" + era3.format(enteredDateAndTime) + ")" %></b><br/>
-    <%-- Print the date and time values with formatted date and time pattern --%></b><br/>
-    Year: <b><%= year1.format(enteredDateAndTime) + " (" + year2.format(enteredDateAndTime) + ")" %></b><br/>
-    Era Year: <b><%= yearEra.format(enteredDateAndTime) + " (" + yearEra2.format(enteredDateAndTime) + ")" %></b><br/>
-    Day of Year: <b><%= dayOfYear.format(enteredDateAndTime) %></b><br/>
-    Month of Year: <b><%= monthOfYear.format(enteredDateAndTime) + " (" + monthOfYear2.format(enteredDateAndTime) + ")" + " (" + monthOfYear3.format(enteredDateAndTime) + ")" + " (" + monthOfYear4.format(enteredDateAndTime) + ")" %></b><br/>
-    Day of Month: <b><%= dayOfMonth.format(enteredDateAndTime) %></b><br/>
-    Quarter: <b><%= quarter.format(enteredDateAndTime) + " (" + quarter2.format(enteredDateAndTime) + ")" + " (" + quarter3.format(enteredDateAndTime) + ")" %></b><br/>
-    ISO Week-based Year: <b><%= weekBasedYear.format(enteredDateAndTime) + " (" + weekBasedYear2.format(enteredDateAndTime) + ")" %></b><br/>
-    Week of Year: <b><%= weekOfYear.format(enteredDateAndTime) %></b><br/>
-    Week of Month: <b><%= weekOfMonth.format(enteredDateAndTime) %></b><br/>
-    Day of Week: <b><%= dayOfWeek.format(enteredDateAndTime) + " (" + dayOfWeek2.format(enteredDateAndTime) + ")" + " (" + dayOfWeek3.format(enteredDateAndTime) + ")" %></b><br/>
-    Local Day of Week: <b><%= localDayOfWeek.format(enteredDateAndTime) + " (" + localDayOfWeek2.format(enteredDateAndTime) + ")" + " (" + localDayOfWeek3.format(enteredDateAndTime) + ")" + " (" + localDayOfWeek4.format(enteredDateAndTime) + ")" %></b><br/>
-    Local Week of Month: <b><%= localWeekOfMonth.format(enteredDateAndTime) %></b><br/>
-    AM/PM: <b><%= amPm.format(enteredDateAndTime) %></b><br/>
-    12 Hour Format: <b><%= hour12.format(enteredDateAndTime) %></b><br/>
-    0-11 Hour Format: <b><%= hour0_11.format(enteredDateAndTime) %></b><br/>
-    24 Hour Format: <b><%= hour24.format(enteredDateAndTime) %></b><br/>
-    Hour of Day: <b><%= hourOfDay.format(enteredDateAndTime) %></b><br/>
-    Minute: <b><%= minute1.format(enteredDateAndTime) %></b><br/>
-    Second: <b><%= second1.format(enteredDateAndTime) %></b><br/>
-    Fraction of Second: <b><%= fractionOfSecond.format(enteredDateAndTime) %></b><br/>
-    Millisecond of Day: <b><%= millisecondOfDay.format(enteredDateAndTime) %></b><br/>
-    Nanosecond: <b><%= nanosecondOfSecond.format(enteredDateAndTime) %></b><br/>
-    Nanosecond of Day: <b><%= nanosecondOfDay.format(enteredDateAndTime) %></b><br/>
+    Era: <span id="output"><%= era1.format(enteredDateAndTime) + " (" + era2.format(enteredDateAndTime) + ")" + " (" + era3.format(enteredDateAndTime) + ")" %></span><br/>
+    <%-- Print the date and time values with formatted date and time pattern --%><br/>
+    Year: <span id="output"><%= year1.format(enteredDateAndTime) + " (" + year2.format(enteredDateAndTime) + ")" %></span><br/>
+    Era Year: <span id="output"><%= yearEra.format(enteredDateAndTime) + " (" + yearEra2.format(enteredDateAndTime) + ")" %></span><br/>
+    Day of Year: <span id="output"><%= dayOfYear.format(enteredDateAndTime) %></span><br/>
+    Month of Year: <span id="output"><%= monthOfYear.format(enteredDateAndTime) + " (" + monthOfYear2.format(enteredDateAndTime) + ")" + " (" + monthOfYear3.format(enteredDateAndTime) + ")" + " (" + monthOfYear4.format(enteredDateAndTime) + ")" %></span><br/>
+    Day of Month: <span id="output"><%= dayOfMonth.format(enteredDateAndTime) %></span><br/>
+    Quarter: <span id="output"><%= quarter.format(enteredDateAndTime) + " (" + quarter2.format(enteredDateAndTime) + ")" + " (" + quarter3.format(enteredDateAndTime) + ")" %></span><br/>
+    ISO Week-based Year: <span id="output"><%= weekBasedYear.format(enteredDateAndTime) + " (" + weekBasedYear2.format(enteredDateAndTime) + ")" %></span><br/>
+    Week of Year: <span id="output"><%= weekOfYear.format(enteredDateAndTime) %></span><br/>
+    Week of Month: <span id="output"><%= weekOfMonth.format(enteredDateAndTime) %></span><br/>
+    Day of Week: <span id="output"><%= dayOfWeek.format(enteredDateAndTime) + " (" + dayOfWeek2.format(enteredDateAndTime) + ")" + " (" + dayOfWeek3.format(enteredDateAndTime) + ")" %></span><br/>
+    Local Day of Week: <span id="output"><%= localDayOfWeek.format(enteredDateAndTime) + " (" + localDayOfWeek2.format(enteredDateAndTime) + ")" + " (" + localDayOfWeek3.format(enteredDateAndTime) + ")" + " (" + localDayOfWeek4.format(enteredDateAndTime) + ")" %></span><br/>
+    Local Week of Month: <span id="output"><%= localWeekOfMonth.format(enteredDateAndTime) %></span><br/>
+    AM/PM: <span id="output"><%= amPm.format(enteredDateAndTime) %></span><br/>
+    12 Hour Format: <span id="output"><%= hour12.format(enteredDateAndTime) %></span><br/>
+    0-11 Hour Format: <span id="output"><%= hour0_11.format(enteredDateAndTime) %></span><br/>
+    24 Hour Format: <span id="output"><%= hour24.format(enteredDateAndTime) %></span><br/>
+    Hour of Day: <span id="output"><%= hourOfDay.format(enteredDateAndTime) %></span><br/>
+    Minute: <span id="output"><%= minute1.format(enteredDateAndTime) %></span><br/>
+    Second: <span id="output"><%= second1.format(enteredDateAndTime) %></span><br/>
+    Fraction of Second: <span id="output"><%= fractionOfSecond.format(enteredDateAndTime) %></span><br/>
+    Millisecond of Day: <span id="output"><%= millisecondOfDay.format(enteredDateAndTime) %></span><br/>
+    Nanosecond: <span id="output"><%= nanosecondOfSecond.format(enteredDateAndTime) %></span><br/>
+    Nanosecond of Day: <span id="output"><%= nanosecondOfDay.format(enteredDateAndTime) %></span><br/>
 </body>
 
 </html>