create a div that scrolls horizontally and adjust its height to always be 80% of the screen height in javascript

<div id="scrollingDiv"></div>
30 chars
2 lines

#scrollingDiv {
   height: 80vh; /* set height to 80% of viewport height */
   display: flex;
   flex-wrap: nowrap; /* Make sure the div doesn't wrap */
   overflow-x: auto; /* Allow horizontal scrolling */
}
209 chars
7 lines

index.tsx
// Use DOM manipulation to add content to the scrolling div
const scrollingDiv = document.getElementById('scrollingDiv');

for (let i = 0; i < 20; i++) {
    const div = document.createElement('div');
    div.textContent = i;
    scrollingDiv.appendChild(div);
}
263 chars
9 lines