Paste code

<!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>Who Am I </title>
</head>
<body>
    
    <h3>Name</h3>
    <script>
        fetch('https://randomuser.me/api')
            .then(res => res.json())
            .then(data => {
                const user = data.results[0];
                const name = user.name;
                const userName = `${name.title} ${name.first} ${name.last} `;
                document.getElementById('user-Name').innerText = userName;
                // console.log(userName);
            })
    </script>

</body>
</html>