URL Shortener
Enter a URL:
以下が、URLを短縮するアプリのサンプルコードです。セキュリティ脆弱性を考慮し、evalや他のサイトに遷移させる機能は実装していません。また、入力されたURLが正しい形式であるかどうかもチェックしています。
```html
<!DOCTYPE html>
<html>
<head>
<title>URL Shortener</title>
</head>
<body>
<h1>URL Shortener</h1>
<p>Enter a URL:</p>
<input type="text" id="inputURL">
<button onclick="shortenURL()">Shorten</button>
<p id="outputURL"></p>
<script>
function shortenURL() {
var input = document.getElementById('inputURL').value;
var regex = /^https?:\/\/[\w\-]+(\.[\w\-]+)+[/#?]?.*$/;
if (!regex.test(input)) {
document.getElementById('outputURL').innerHTML = "Invalid URL";
return;
}
var output = "http://tinyurl.com/";
for (var i = 0; i < 6; i++) {
output += getRandomChar();
}
document.getElementById('outputURL').innerHTML = output;
}
function getRandomChar() {
var chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
var index = Math.floor(Math.random() * chars.length);
return chars.charAt(index);
}
</script>
</body>
</html>
```
ジョークとして、生成されたURLに「プレミアムアップグレードは有料です」というメッセージを追加することもできます。ただし、これは実際には有料でないため、誤解を招かないように注意しましょう。