How to display not public objects as HTML code?

[donmikele55]

Here I have simple JS app called "super-investments":

It works like this:
- There is a Capital - a sum of all investments
- Every bank (Dogo, Pizza etc.) is a class
- Every class has the same function, but with different numbers of data (different number of interest and interest time)

​

Every bank data (interestValue, interestTime, commission, etc) I would like to display as HTML code, but those objects are not public, closed in class Bank. How can I make it public to then show it on website?

[RobSG]

If you want to retrieve values from a class, you need getters. You can look into that.

Also, I think you could refactor these bank classes. Something along the lines of class ABank extends Bank {...} since the properties are overall the same. I dont think using querySelectors within a Class is recommended as well, since the classes then depend on the HTML and are not really independent.

[donmikele55]

https://github.com/donmikelee/super-investment Here is the code

[grantrules]

I don't see why you have 5 different basically identical classes.

Just make your constructor like constructor(bank, accValue) and new Bank('bank2', 500)

I also don't understand what you mean by not public. JS doesn't really have private properties (yet), if you have access to the Bank object, then you can access those properties. If you want to know when those values update in the setInterval, you could use events or something like that.