How do I use something called Eruda in a web page? – Blancer.com Tutorials and projects

I was wondering if there is a fix to my code, which should toggle a chrome inspect-like feature. However, everything I tried with a bookmarklet I found and made into formatted JS just didn’t work out. Here is the code I tried:

<html>
<head>
  <script src="http://cdn.jsdelivr.net/npm/eruda"></script>
</head>
<body>
  <button id="hi">Inspect</button>
<script>
  document.getElementById("hi").addEventListener("click",  function(){
  eruda.init();
});
</script>
</body>
</html>

If someone could help with my code in any way, I would appreciate the help. Thank you.