Javascript create element Audio

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Javascript create element Audio</title>
    <style>

      #audio {
        width: 80%;
        margin: auto;
        display: block;
        border: 5px solid red;
        background-color: rgba(128,128,128,0.1);
    }


</style>
</head>
<body>


  <script>

    audio = document.createElement('audio');
    document.body.appendChild(audio);
    audio.id = 'audio';
    audio.loop = true;
    audio.controls = true;
    audio.src = 'https://1xpto.netlify.app/audio/bass.mp3';


</script>
</body>
</html>