From 4ddfbc5fe15c76a0c02104c5abb15cbc5646b249 Mon Sep 17 00:00:00 2001 From: Ratnadeep Rajendra Kharade <92khra1mst@hft-stuttgart.de> Date: Sun, 25 Oct 2020 23:37:51 +0100 Subject: [PATCH] moved error styles in css file --- public/index.html | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/public/index.html b/public/index.html index b477b10..b4d376e 100644 --- a/public/index.html +++ b/public/index.html @@ -45,7 +45,7 @@ <div> <textarea oninput="handleTextAreaChange()" placeholder="Enter text here..." class="box-input" name="textarea" id="manual-text-entry" cols="90" rows="5" value=""></textarea> - <div id="textarea-validation" style="color: red;display: none;">Please enter text.</div> + <div id="textarea-validation" class="error-message">Please enter the text.</div> </div> <div> <label for="calculatedTextCharacters">Total characters in text: </label> @@ -57,7 +57,7 @@ <label for="inputTextCharacters">Enter number of characters: </label> <input oninput="handleCharacterInputChange()" placeholder="e.g. 120" class="box-input" type="number" id="inputTextCharacters" name="inputTextCharacters" value=""> - <div id="textCharacters-validation" style="color: red;display: none;">Please enter number of characters.</div> + <div id="textCharacters-validation" class="error-message">Please enter number the of characters.</div> </div> </div> <div> @@ -69,7 +69,7 @@ <option value="Third Year">Third Year</option> <option value="Fourth Year">Fourth Year</option> </select> - <div id="readerLevel-validation" style="color: red;display: none;">Please select reader level.</div> + <div id="readerLevel-validation" class="error-message">Please select the reader level.</div> </div> <div> <label for="readerCategory">Reader Category:</label> @@ -80,7 +80,7 @@ <option value="Good-ability group">Good-ability group</option> <option value="Average-ability group">Average-ability group</option> </select> - <div id="readerCategory-validation" style="color: red;display: none;">Please select reader category.</div> + <div id="readerCategory-validation" class="error-message">Please select the reader category.</div> </div> <div> <div> -- GitLab