JSFiddle - React, Tailwind, and code Playground

by Alex Alex

HTML

<form name="npc">
     <label>Character name: <input name="char" type="text" contextmenu="namemenu" required></label>
     <menu type=context id=namemenu>
        <command label="Pick random name" onclick="document.forms.npc.elements.char.value = getRandomName()">
        <command label="Prefill other fields based on name" onclick="prefillFields(document.forms.npc.elements.char.value)">
    </menu>
</form>
         
<menu type="toolbar">
    <li>
        <menu label="File">
            <button type="button" onclick="fnew()">New...</button>
            <button type="button" onclick="fopen()">Open...</button>
            <button type="button" onclick="fsave()">Save</button>
            <button type="button" onclick="fsaveas()">Save as...</button>
       </menu>
    </li>
    <li>
        <menu label="Edit">
            <button type="button" onclick="ecopy()">Copy</button>
            <button type="button" onclick="ecut()">Cut</button>
            <button type="button" onclick="epaste()">Paste</button>
        </menu>
    </li>
    <li>
        <menu label="Help">
            <li><a href="help.html">Help</a></li>
            <li><a href="about.html">About</a></li>
        </menu>
    </li>
</menu>