got some good option function/style

LoganLeopold · Jan 24, 2021 · 4df0aae · 4df0aae
1 parent 5310eaa
commit 4df0aae
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/App.css b/src/App.css
@@ -152,6 +152,7 @@ form {
 
 .inputBox > input {
   box-shadow: 5px 5px 9px rgba(0,0,0, 0.20);
+  text-transform: capitalize;
 }
 
 .inputBox .popup {

diff --git a/src/FlightForm.js b/src/FlightForm.js
@@ -197,7 +197,7 @@ class FlightForm extends Component {
           let option = document.createElement("OPTION")
           option.value = port.iataCode
           option.dataset.country = port.address.countryCode
-          option.innerHTML = portName
+          option.innerHTML = option.name = portName
           option.onclick = flightForm.handleOptionClick
           newPopup.appendChild(option)
         })
@@ -218,17 +218,18 @@ class FlightForm extends Component {
 
   handleOptionClick(event) {
 
+    event.target.parentNode.previousSibling.value = event.target.name
+
     this.setState({
-      [event.target.parentNode.parentNode.name]: event.target.value,
+      [event.target.parentNode.previousSibling.name]: event.target.value
     })
 
-    if (event.target.parentNode.parentNode.name === "originPlace") {
+    if (event.target.parentNode.previousSibling.name === "originPlace") {
       this.setState({
-        country: event.target.dataset.country
+        country: event.target.dataset.country,
       })
     }
 
-
     event.target.parentNode.parentNode.removeChild(event.target.parentNode)
 
   }