Aviary only on specific status

static/js/bird.js

@@ -0,0 +1,21 @@
+
+function showHideAviary() {
+    let statusField = document.getElementById("id_status");
+    let aviaryField = document.getElementById("div_id_aviary"); 
+    let statusText = statusField.options[statusField.selectedIndex].text;
+
+    if (statusText == 'In Auswilderung') {
+        aviaryField.hidden = false
+    } else {
+        aviaryField.hidden = true
+    }
+}
+
+
+// Load function on windows load.
+(showHideAviary)();
+
+// Load function on change.
+document.getElementById("id_status").addEventListener("change", (event) => {
+    showHideAviary()
+});

static/js/bird_all.js

@@ -1,6 +0,0 @@
-let sel = document.getElementById("id_status");
-let text = sel.options[sel.selectedIndex].text;
-
-if (text === 'In Auswilderung') {
-    console.log("Yes");
-}