Footnote js

<head>
<script src="./js/footnote.js"></script>
</head>
<body>
    Here is <span id="originalId">your</span> sentences.
    You can insert anywhere you want to put the footnote texts.
    <foot-note for="originalId">it means you</foot-note>
    Anyway, you may insert foot-note-list tag to specify the location
    to list the footnotes.
    <!-- like this -->
    <foot-note-list></foot-note-list>
</body>

this sample source will be work as shown below:

Here is your sentences. You can insert anywhere you want to put the footnote texts. it means you Anyway, you may insert foot-note-list tag to specify the location to list the footnotes.

See also the other one to check how this library works in some cases.
＊NOTE: from v1.1, hover on the span wrapped word will show tooltip.