ok, so this is what I am trying to do. when a button is clicked on another page I want it to send a sound to local storage and then get that sound to go into a playlist so it gets saved to the playlist.
$('#btn1').on('click', function () {
    localStorage.setItem('mallard',"sound/duckcal.mp3");
    
    $("coin").attr('src',"gotit");
});
let gotIt = localStorage.getItem('mallard');
var playlist = document.getElementsByClassName("playlist");
console.log(playlist);
<!DOCTYPE html>
<html>
<head>
 <title></title>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta charset="utf-8">
 <link rel="stylesheet" type="text/css" href="call.css">
</head>
<body>
 <div class="playlist">
  
  <audio controls id="coin" preload="auto" src=""></audio>
  
  <ul class="onlist">
   <li data-id="0" data-audio="">sound</li>
  </ul>
 </div>
   <a href="calls.html" class="back">Back to Calls</a>
  </div>
  
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script type="text/javascript" src="script/animal.js"></script>
  <script type="text/javascript" src="script/playlist.js"></script>
</body>
</html>