- プロンプト実行例
こんにちは！
<!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 属性のみが設定されているため、スタイルが不足しています。 |
