index.html

@@ -67,7 +67,7 @@
     <dl>
       <dt> how to say
       <dd>
-        <a id=soundlink>
+        <a id=soundlink href=#>
           <span class=ipa>nɪs</span>, <span class=ipa>nɪsə</span>
         </a>
         <audio id=miku>
@@ -75,9 +75,6 @@
           <source src=media/niss-nisse.ogg type=audio/ogg>
           (<a href=media/niss-nisse.mp3>listen</a>)
         </audio>
-        <noscript>
-          (<a href=media/niss-nisse.mp3>listen</a>)
-        </noscript>
 
       <dt> prons       <dd title='she for niss, he for nisse'> it or they
       <dt> quantity    <dd> 2
@@ -93,13 +90,7 @@ window.addEventListener('DOMContentLoaded', () => {
   let link = document.getElementById('soundlink');
   let miku = document.getElementById('miku');
   if (typeof miku.play == 'function') {
-    function playMiku(e) {
-      miku.play();
-      e.preventDefault();
-    }
-
-    link.href = '#';
-    link.addEventListener('click', playMiku);
+    link.addEventListener('click', e => { miku.play(); e.preventDefault(); });
   }
 });
 </script>

style.css

@@ -140,13 +140,13 @@ dd {
   }
 }
 
-a[href] {
+a {
   color: hsl(196deg, 100%, 85%);
   font-weight: 800;
   text-decoration: none;
   transition: color 0.2s ease-in-out;
 }
-a[href]:where(:hover,:focus) {
+a:hover {
   color: hsl(50deg, 100%, 82%);
 }