Devlog 6

Today iam going to create another app called “Boarding Pass”, In this app i would like to create a boarding pass for passengers. Before that i added the previous app icon into the bottom-right nav bar with hovering animation. Then i tried to add the icon of the app 2 it doesn’t visible like it is overlapping the icon of app 1. So after i tried so much time on that then unfortunately i forced to ask help of ChatGPT to solve that issue, Then i understand the logic then implemented on the project.

I started working on App2, that for i created the same design of out-layout that of the app 1, which i could save a little time there. Then i added a input box and as well as the option to select the flight from the list that i created previously on script.js file. At last enter button, it will collect all the datas that the user inputted. For first time i worked this app as testing and working completely perfect. But when i tried to work as original- opening the app 2 using the icon the windows is showing perfectly and the layout also perfect but the function are not working like options doesn’t showing and the button is not working. I tried to put the same codes under different function that i already created and used for app1. At last i found the real place that the functions are working perfectly. Now the option is showing with only first element in the list but we can’t change the selection or even can’t input any text in the input box. And also found that it only showing for first window if the user opens multiple window of the same app it will not show up the default option and doesn’t work the button functionalities. For that i updated ‘createWindows(tem)’ function by connecting using the parameters, Now its showing but still can’t input.

For that i doesn’t have any idea what is going on there, so i asked help for ChatGPT then found out a solution that update the function startDragging(e), if-condition if the app contains tags like ‘option’, ‘button’, ‘select’ and as well as ‘input’ it will remove the action of dragging, That means if the user tries to input or select the value option the function will run as by thinking that the user need to drag that for it will ready to listen the movement of the mouse, but while using this if-condition it will understand that the user trying to input or selecting. That for it working perfectly now.