Why is the code in the Chrome developer panel different from the code when you click page source?

Question

Google Chrome

Hello, maybe a stupid question, why, for example, if you go to the Chrome developer panel, then there will be one code, and if you go to page source, then there will be code where certain tags are missing.

For example, there is a div with the dropdown-options class, and if you go to page source, then nothing will be inside the same tag

Answer 1

Because in the panel on the Elements tab there is no code, the DOM structure of the page, after all the scripts have worked out.
Even if there is no script, the formatting and display features may differ from the page source.