JSFiddle - React, Tailwind, and code Playground

by bnickel

HTML

<meta name="viewport" content="width=device-width"/>
<div id="top">
    <p tabindex="1" onfocus="document.querySelector('#bottom').focus()">Skips to bottom on focus</p>
    <p tabindex="1" id="top">Paragraph 1</p>
    <p>Paragraph 1</p>
    <p>Paragraph 1</p>
    <p>Paragraph 1</p>
    <p tabindex="1" id="bottom" onclick="document.querySelector('#freedom').focus()">Double tap to exit</p>
    <p tabindex="1" onfocus="document.querySelector('#top').focus()">Skips to top on focus</p>
</div>
<p id="freedom">Freedom</p>

JavaScript

window.onload = function () {
    document.querySelector('#top').focus();
};