Surreal Pico Playground

by ethanpil

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@1/css/pico.min.css">
<script src="https://cdn.jsdelivr.net/gh/gnat/surreal/surreal.js"></script>
 <main class="container">
   <button>Button
     <script>
       me().on("click", ev => {
         me(ev).classToggle('outline');
         me('#theTarget').innerText = "hello world";
         console.log(ev);
       })

     </script>
   </button>

   <article id="theTarget">.</article>

 </main>