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>