```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Random Cat App</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
}
</style>
</head>
<body>
<h1>Welcome to the Random Cat App!</h1>
<button onclick="showRandomCat()">Get Random Cat</button>
<div id="catImage"></div>
<p id="catSound"></p>
<script>
function showRandomCat() {
const catImages = [
'https://cataas.com/cat',
'https://cataas.com/cat/says/nyan'
];
const randomIndex = Math.floor(Math.random() * catImages.length);
const randomCat = catImages[randomIndex];
const catImageElement = document.getElementById('catImage');
catImageElement.innerHTML = `<img src="${randomCat}" alt="Random Cat">`;
const catSounds = [
'にゃー',
'みゃー',
'ねこ'
];
const randomSound = catSounds[Math.floor(Math.random() * catSounds.length)];
const catSoundElement = document.getElementById('catSound');
catSoundElement.textContent = randomSound;
}
</script>
</body>
</html>
```
