Writing html will be more fun!
<body #root>
<header>
<a .header-logo>Writedown</a>
</header>
<div .message.green>
This is example of
<span #wd>writedown</span>!
</div>
<button .button #ok>
OK
</button>
</body>↓
<body id="root">
<header>
<a class="header-logo">Writedown</a>
</header>
<div class="message green">
This is example of
<span id="wd">writedown</span>!
</div>
<button class="button" id="ok">
OK
</button>
</body>There are two ways to initialize Writedown.
<script src="https://cdn.jsdelivr.net/gh/mtsgi/writedown@master/writedown.js"></script>or
<script type="module">
import * as wd from "../wd.js";
wd.init('.wd');
// You can init Writedown for the specific element in this way
// This also works: wd.init(document.querySelector('.wd'))
</script>