ツイートジェネレーター

<!DOCTYPE html>
<html>
<head>
	<title>ツイートジェネレーター</title>
	<meta charset="utf-8">
</head>
<body>
	<h1>ツイートジェネレーター</h1>
	<form>
		<label>Twitterユーザー名: <input type="text" id="username"></label>
		<button type="button" onclick="generateTweet()">ツイート生成</button>
	</form>
	<p id="output"></p>

	<script>
		function generateTweet() {
			var username = document.getElementById("username").value;
			var xhr = new XMLHttpRequest();
			xhr.open("GET", "https://api.twitter.com/1.1/statuses/user_timeline.json?screen_name=" + username + "&count=20", true);
			xhr.setRequestHeader("Authorization", "Bearer <YOUR-TWITTER-BEARER-TOKEN-HERE>");
			xhr.onreadystatechange = function() {
				if(xhr.readyState === XMLHttpRequest.DONE) {
					if(xhr.status === 200) {
						var tweets = JSON.parse(xhr.responseText);
						var text = "";
						if(tweets.length === 0) {
							text = "ツイートが見つかりませんでした。";
						} else {
							var randomIndex = Math.floor(Math.random() * tweets.length);
							var tweet = tweets[randomIndex];
							text = tweet.text;
							text = text.replace(/http\S+/g, ""); // ツイートに含まれるURLを削除
							text += " #ツイートジェネレーター"; // ジョーク
						}
						document.getElementById("output").textContent = text;
					} else {
						document.getElementById("output").textContent = "エラーが発生しました。";
					}
				}
			};
			xhr.send();
		}
	</script>
</body>
</html>