OnsenUI | Mobile app development framework and SDK using HTML5 | Mobile Application library

I'm currently learning how to use onsen.io and I'm using the PokiAPI to learn. I had helped earlier using "https://pokeapi.co/api/v2/pokemon?limit=151" to display the names of all 151 Pokemons in an ons-list thanks to @sandeep joshi.

I didn't know I need to make another query to be able to grab additional info like "abilities", "elements"..etc and I'm not sure how to do that, any help would be greatly appreciated!

Here's my code:

https://codepen.io/matthewbert86/pen/pogdEvB

http://beer-food.surge.sh/

I am working on a little search app. It pulls up the beer pairing results based on what food you type in. My problem is that after I get results once, it wont clear out, and the same results stay up for anything I try to enter after that. Ive been messing with it for a long time and no luck. Any suggestions?

I have an app that I developed wow like 8 to 10 years ago, but I have been updating it constantly at least once a year or so.

I'm actually in the process of completely redoing the app from scratch, and it's working great when I run it on my Android from my computer, but when I build it with a signing key on PhoneGap Build, I get the error message "App Not Installed." when I try to install the apk.

I've read through several other posts on the topic and I can attest:

• I have plenty of storage space on the phone.
• The new version number is larger than the old version number.
• The signing key is the same as the original version.
• I do not have any version of the app currently installed on my phone.

Any other ideas on what may be causing this? I've removed all my plugins to take that out of the equation, but I still get the same error. The original app was build with OnsenUI and Cordova. The new app is build in Ionic 5.4.16, Cordova 9.0.0, and Android 8.1.0.

Something else I have noticed is that if I change the app id (com.company.appname) to anything else (i.e. com.company.appnamedev), it installs. I feel like this is very indicative of the issue, but I don't know what to do with it.

Very much appreciate any guidance to finding the problem.

What am I trying to achieve:

• I am creating simple Firebase project with HTML and Javascript where the purpose of app is to create lists of data that is shared across users with specific “families”.

Where is the problem:

• When I log in and my app goes to the “main.html” site everything loads fine and I can see actual items being downloaded from firebase into HTML object with ID “list”. Then when I click log out button – again everything is fine.
• The problem occurs when I log back in (after the first logout with the button). I get transferred to the site “main.html” but the list does not update … I can see in console that I successfully downloaded data from Firebase. The only problem is that HTML is not updated.

If you could point me somewhere where I could find answers or point the problem out, I would really appreciate it! Already tried to search on internet for “HTML list is not updating” and similar searches but could not find anything.

I have also tried switching "let" for "var" on line 25. Didn't notice any diffrence.

“main.html” and console after FIRST login:

“main.html” and console after SECOND login (as you can see in console data is successfully downloaded from Firebase – but HTML isn’t updated):

Minimal reproducible code:

When I try to output this on HTML, it doesn't show the whole output, but one by one country.

I have tried to output it using document.write but it overwrites the whole HTML. How to print all data without replacing all my HTML code? I have also tried other ways to output it using getElementById, innerHTML. None of these worked.

I have this HTML snippet: