Add commas for thousand seperator for numeric output and make sure text counter output has no line wraps

Author: lulunac27a

text-counter-blazor/Components/Pages/TextCounter.razor

@@ -16,8 +16,8 @@
     {
         textOutput = "";
         string Value = textContent;
-        textOutput += $"Characters: {Value.Length}\n";//number of characters
-        textOutput += $"Words: {Value.Split(new char[] { ' ', '\r', '\n' }, StringSplitOptions.RemoveEmptyEntries).Length}\n";//number of words
-        textOutput += $"Lines: {Value.Split('\n', StringSplitOptions.RemoveEmptyEntries).Length}\n";//number of lines
+        textOutput += $"Characters: {Value.Length.ToString("N0")}\n";//number of characters
+        textOutput += $"Words: {Value.Split(new char[] { ' ', '\r', '\n' }, StringSplitOptions.RemoveEmptyEntries).Length.ToString("N0")}\n";//number of words
+        textOutput += $"Lines: {Value.Split('\n', StringSplitOptions.RemoveEmptyEntries).Length.ToString("N0")}\n";//number of lines
     }
 }

text-counter-console-app/Program.cs

@@ -9,6 +9,6 @@
     }
     textContent += textInput + '\n';//add text content from entered text input for each line
 }
-Console.WriteLine($"Characters: {textContent.Length}");//number of characters
-Console.WriteLine($"Words: {textContent.Split(new char[] { ' ', '\r', '\n' }, StringSplitOptions.RemoveEmptyEntries).Length}");//number of words
-Console.WriteLine($"Lines: {textContent.Split('\n', StringSplitOptions.RemoveEmptyEntries).Length}");//number of lines
+Console.WriteLine($"Characters: {textContent.Length.ToString("N0")}");//number of characters
+Console.WriteLine($"Words: {textContent.Split(new char[] { ' ', '\r', '\n' }, StringSplitOptions.RemoveEmptyEntries).Length.ToString("N0")}");//number of words
+Console.WriteLine($"Lines: {textContent.Split('\n', StringSplitOptions.RemoveEmptyEntries).Length.ToString("N0")}");//number of lines

text-counter-razor/Pages/TextCounter.cshtml

@@ -8,5 +8,6 @@
     <textarea id="textContent" name="textContent" rows="10" cols="80" asp-for="textContent"></textarea><br />
     <button>Update Text Counter Output</button><br />
 </form>
-<div id="textOutput">Characters: @Model.characters<br />Words: @Model.words<br />Lines: @Model.lines
+<div id="textOutput">Characters: @Model.characters.ToString("N0")<br />Words: @Model.words.ToString("N0")<br />Lines:
+    @Model.lines.ToString("N0")
 </div>

text-counter-razor/wwwroot/css/site.css

@@ -26,5 +26,5 @@ body {
 }
 
 #textOutput {
-  white-space: pre-wrap;
+  white-space: no-wrap;
 }