Если вы пытаетесь добавить кнопку на страницу html, вы должны поместить ее между тегами body на странице. html. Затем вы можете добавить прослушиватель событий, чтобы добавить javascript с помощью тегов скрипта, чтобы он обновлял свойства или взаимодействовал с кнопкой. И весь код через перо, указанный в вашем примере, - это javascript, поэтому вы можете либо добавить его с помощью тегов скрипта, либо поставить ссылку на него на отдельной странице.
<html>
<body>
<button type="submit" id="btn">add Event</button>
<script>
...all the code given in the code pen here.
</script>
</body>
</html>