- プロンプト実行例
こんにちは!
<!DOCTYPE html>
<html>
<head>
<title>改行毎に番号を順番に表示するツール</title>
</head>
<body>
<h1>改行毎に番号を順番に表示するツール</h1>
<textarea id="input" placeholder="ここにテキストを入力してください"></textarea>
<button onclick="numberLines()">番号を付ける</button>
<pre id="output"></pre>
<script>
function numberLines() {
let input = document.getElementById('input').value;
let lines = input.split('\n');
let output = '';
for (let i = 0; i < lines.length; i++) {
output += `${i + 1}. ${lines[i]}\n`;
}
document.getElementById('output').textContent = output;
}
</script>
</body>
</html>
| バグの説明 |
|---|
| <textarea> 要素に初期値がない場合、output 要素は空白のままになる可能性があります。 |
| 官能ボタンは<input>タグに使用することが推奨されます。 |
| <textarea> に placeholder 属性のみが設定されているため、スタイルが不足しています。 |
コメント 0
他のプロンプトもチェック
チャットボット
推奨モデル - Claude全ての返答をJavaScriptで返すアシスタントです。 相談でも雑談でも、なんでもかんでもJavaScriptのプログラムで返します。 JavaScript入門者や、JavaScriptを旅行したい人におすすめです。 【推奨モデル】 Claude GPT4o 【面白いと思った人へ】 プロンプトを公開するので、あなたも好きなプログラミング言語話者を作ってみてください。 作ったら #母語シリーズ を明記してください。 【より楽しむためのヒント】 console.logを多用することが稀にあるので、その場合は複雑化するまで再生成することをお勧めします。 #JavaScript #TypeScript #React #プログラム #プログラミング #JS #TS #プログラミング言語 #コード #コーディング #プログラマー #エンジニア #フロントエンド #フロントエンドエンジニア #NodeJS #Node00559ロールプレイ
推奨モデル - GPT 4o営業マンになって魔王を倒す?! 営業マンRPG「エイギョマン」開幕!!!00232画像生成
キャラクター作成
推奨モデル - Midjourney【High quality】 美魔女が4パターン生成されます。何回か試してお気に入りを見つけよう! 過去のコンテスト入賞作品🥇はこちら▷ zizi.ly/7f3fa9 「こういう女性を生成したい」などのご要望はコメント欄へどうぞ! #SNS #Instagram #X #Twitter #TikTok #ChatGPT #画像生成 #マーケティング0025841GPTs
要件定義・設計
たった一言、テーマを伝えるだけで ホームページを作るGPTs 📣 話題のAI『Create.xyz』と組み合わせて サクッとオシャレなWebサイトができます 🎵 ✅ オシャレなサイトを作りたい ✅ ホームページのデザインを考えたい ✅ コーディングがめんどくさい こんな時に活躍します ✨ ⭐️ ポートフォリオサイト ⭐️ お店、商品のPRページ ⭐️ 通販サイト あなたはどんなサイトを作りたい? #ChatGPT #Webサイト #プログラミング #ホームページ10705231.68K