Add loading message to division
This commit is contained in:
		
							parent
							
								
									492d10f635
								
							
						
					
					
						commit
						ee6353f013
					
				
					 2 changed files with 5 additions and 0 deletions
				
			
		|  | @ -8,6 +8,7 @@ const genderDropdown = document.getElementById('gender-dropdown'); | |||
| const nameTextbox = document.getElementById('name-textbox'); | ||||
| const submitButton = document.getElementById('submit-button'); | ||||
| const deleteButton = document.getElementById('delete-button'); | ||||
| const loadingSpan = document.getElementById('loading-message'); | ||||
| 
 | ||||
| 
 | ||||
| async function initializeForm() { | ||||
|  | @ -40,6 +41,9 @@ async function initializeForm() { | |||
| 
 | ||||
|     nameTextbox.disabled = false; | ||||
|     nameTextbox.addEventListener('keyup', checkDataValidity); | ||||
| 
 | ||||
|     loadingSpan.textContent = ''; | ||||
|     submissionForm.style.visibility = 'visible'; | ||||
| } | ||||
| initializeForm(); | ||||
| 
 | ||||
|  |  | |||
|  | @ -5,6 +5,7 @@ block stylesheets | |||
|   link(rel='stylesheet', href='/stylesheets/form.css') | ||||
| 
 | ||||
| block content | ||||
|     span#loading-message Loading... | ||||
|     form#submission-form(action='./division', method='POST') | ||||
|       span(class='form-section') | ||||
|         label Sport | ||||
|  |  | |||
		Reference in a new issue