While working on my website, I encountered a strange issue. For some reason, I can't seem to get the contenteditable="true" attribute to work on the heading with the ID "hl". It would be awesome if someone could help me figure out how to make it functional. I just want to be able to use the contenteditable command so that I can edit the text "HLHLHL" within the website.
<html>
<head>
<title>ID</title>
</head>
<body>
<style type="text/css">
/* CSS styles go here */
</style>
<h1 id="hl" contenteditable="true">HLHLHL</h1>
/* Dropdown menu code goes here */
<script type="text/javascript">
// JavaScript functions for changing content go here
</script>
</body>
</html>