If you change the language, the corresponding flag will now show above the language selection

electron/main/index.html

@@ -13,6 +13,7 @@
     <label id="labelKI">Select ki:</label>
     <label id="labelTranscription">Select transcription:</label>
     <label id="labelLanguage">Select language:</label>
+    <img id="labelLanguageFlag" src="flags/united-kingdom-flag-png-large.jpg" width="20" height="10" >
   </div>
   <div class="dropdownMenus" id="dropdownMenus">
     <select name="ai_type" id="ai_type">

electron/main/languages.js

@@ -1,5 +1,6 @@
 var languageOptions = {
     "eng":{
+        "flagPath": "flags/united-kingdom-flag-png-large.jpg",
         "labelKI": "Select ki:",
         "labelTranscription": "Select transcription:",
         "labelLanguage": "Select language:",
@@ -14,6 +15,7 @@ var languageOptions = {
         "submitButton": "Submit"
     },
     "de":{
+        "flagPath": "flags/germany-flag-png-large.jpg",
         "labelKI": "Waehle KI:",
         "labelTranscription": "Waehle Transkription:",
         "labelLanguage": "Waehle Sprache:",
@@ -28,6 +30,7 @@ var languageOptions = {
         "submitButton": "Absenden"
     },
     "in":{
+        "flagPath": "flags/india-flag-png-large.png",
         "labelKI": "की का चयन करें:",
         "labelTranscription": "प्रतिलेखन चुनें:",
         "labelLanguage": "भाषा चुने:",

electron/main/script.js

@@ -77,6 +77,7 @@ function checkBoxes() {
 //language changing feature
 function changeLanguage(language) {
   try {
+    document.getElementById('labelLanguageFlag').src = languageOptions[language].flagPath;
     document.getElementById('labelKI').textContent = languageOptions[language].labelKI;
     document.getElementById('labelTranscription').textContent = languageOptions[language].labelTranscription;
     document.getElementById('labelLanguage').textContent = languageOptions[language].labelLanguage;
@@ -89,6 +90,7 @@ function changeLanguage(language) {
     document.getElementById('label_format').textContent = languageOptions[language].label_format;
     document.getElementById('label_summary').textContent = languageOptions[language].label_summary;
     document.getElementById('submitButton').textContent = languageOptions[language].submitButton;
+
   } catch (error) {
     console.log("Error in script.js changeLanguage function");
     console.log(error);