以下がHTMLファイルになります。JavaScriptにはセキュリティ脆弱性のあるevalや他のサイトに遷移させる機能は含まれていません。また、alertも使用していません。
```html
<!DOCTYPE html>
<html>
<head>
<title>マリオキャラ移動アプリ</title>
<style>
svg {
background-color: #00A0D6;
}
</style>
</head>
<body>
<h1>マリオキャラ移動アプリ</h1>
<svg id="mariorun" viewBox="0 0 400 400">
<rect x="100" y="320" width="40" height="40" fill="#EC1C24" />
<rect x="75" y="280" width="90" height="40" fill="#EC1C24" />
<ellipse cx="140" cy="260" rx="35" ry="60" fill="#EC1C24" />
<ellipse cx="110" cy="240" rx="17" ry="10" fill="#FFFFFF" />
<ellipse cx="110" cy="245" rx="10" ry="5" fill="#000000" />
<ellipse cx="170" cy="240" rx="17" ry="10" fill="#FFFFFF" />
<ellipse cx="170" cy="245" rx="10" ry="5" fill="#000000" />
<ellipse cx="118" cy="190" rx="10" ry="7" fill="#EC1C24" />
<ellipse cx="160" cy="190" rx="10" ry="7" fill="#EC1C24" />
<polygon points="105,195 145,195 125,175" fill="#EC1C24" />
</svg>
<div>
<button onclick="moveLeft()">←</button>
<button onclick="moveRight()">→</button>
</div>
<script>
var mario = document.getElementById("mariorun");
var marioX = 100;
function moveLeft() {
marioX -= 10;
mario.setAttribute("transform", "translate(" + marioX + ", 0)");
}
function moveRight() {
marioX += 10;
mario.setAttribute("transform", "translate(" + marioX + ", 0)");
}
</script>
</body>
</html>
```
ジョークとしては、マリオがゴールに向かって走っているという設定にしておき、「がんばって!」という励ましのメッセージを表示するのもいいかもしれません。