Zufallsgenerator im Zufallsgenerator

Code:

            var myArray1 = [

            'A',    

            'B',

            'C',

            'D',

            'E',

            'F'

                ];

                

                var NameArray = [

            'Dein Nachname beginnt mit: XXX',

            'Dein Vorname beginnt mit: XXX',

            'Dein Haustier beginnt mit: XXX',

            'Trinken!'

                ];

var rand = Math.floor(Math.random()*NameArray.length);

var rValue = NameArray[rand];

document.write(rValue)

Code:

<!DOCTYPE html>

<html lang="de">

<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>Zufallsinhalt ausgeben</title>

    <style>

        * {

            margin: 0;

            padding: 0;

        }

        html {font-size: 16px;}

        body {

            width: 100vw;

            height: 100vh;

            box-sizing: border-box;

            display: flex;

            flex-direction: column;

            justify-content: center;

            align-items: center;

        }

        button {

            width: 300px;

            height: 36px;

            margin-bottom: 24px;

        }

        #output {

            font-family: Arial, Helvetica, sans-serif;

            font-size: 2rem;

            font-weight: bold;

        }

    </style>

    <script>

        document.addEventListener('DOMContentLoaded', init);

        function init() {

            document.getElementById('ausgabe').addEventListener('click', ausgabe);

        }

        function ausgabe() {

            let ausgabe = document.getElementById('output');

            var myArray1 = ['A', 'B', 'C', 'D', 'E', 'F'];        

            var NameArray = [

                'Dein Nachname beginnt mit: ',

                'Dein Vorname beginnt mit: ',

                'Dein Haustier beginnt mit: ',

                'Trinken!'

            ];

            zufall1 = NameArray[Math.floor(Math.random() * Math.floor(NameArray.length))];

            zufall2 = myArray1[Math.floor(Math.random() * Math.floor(myArray1.length))];

            if(zufall1 == 'Trinken!') {

                ausgabe.innerHTML = zufall1;

            } else {

                ausgabe.innerHTML = `${zufall1} ${zufall2}`;

            }

        }

    </script>

</head>

<body>

    <button id="ausgabe">Zufallswert ausgeben</button>

    <div id="output">

        <p>&nbsp;</p>

    </div>

</body>

</html>