In the code, I call a function that checks the text entered in the input field. Everything works on the external keyboard. Unfortunately for the keyboard on the phone is not so easy. I assumed that each of the "input text" fields will be treated separately and after typing something in the middle just click GO (thereby sending information to the algorithms). However, these are treated as one large form and instead of GO the NEXT button is displayed, causing that instead of sending the value the focus moves to the next input text. Only the last one shows GO. Even worse, the values entered earlier into the previous input text are not sent. This effect causes that the website does not work for mobile devices.
Like I said earlier on PC works fine. Try on mobile device too please.
I tried adding a tag around each input text field to make the browser treat each field separately. I thought things would get better. Unfortunately, no. What's more, there was an error that caused the character names to be deleted. I've decided not to try to determine the cause of this absurd mistake for the time being. Or rather focus on finding some HTML tag or function in JS that would cause the input to be set to "final" or something like that. . .
Finally! After 2 weeks of searching the internet I found a solution!
here is the answer.
enterkeyhint attribute solved all my problems!
<input enterkeyhint="next" />
change to:
<input enterkeyhint="go" />