文字を入力することでボタンを表示

送信ボタンを、未入力のときは非活性で、何かしら入力する事で使えるようにしたいのですが。

html
1<form>
2  <textarea
3    name="text"
4    placeholder="入力してください。"
5    id="text"
6  ></textarea>
7　<div class="submit">
8    <input type="submit" value="送信" class="btn" id="button" onclick="func()" />
9  </div>
10</form>
11<script>
12function func() {
13  document.getElementById("button").disabled = true;
14  document.getElementById("text").value = "";
15}
16</script>

自分はここまでしかできませんでした。

document.getElementById("text").value = "";
の時（未入力時）は、
document.getElementById("button").disabled = true;
でボタンが非活性の状態っということではないのでしょうか？

行動規範の内容に同意します

回答1件

ベストアンサー

javascript
1<script>
2window.addEventListener('DOMContentLoaded', ()=>{
3  document.querySelector('textarea').addEventListener('input',e=>{
4    const flg=e.target.value=="";
5    document.querySelector('#button').disabled=flg;
6  });
7});
8</script>
9<form>
10  <textarea
11    name="text"
12    placeholder="入力してください。"
13    id="text"
14  ></textarea>
15　<div class="submit">
16    <input type="submit" value="送信" class="btn" id="button" disabled />
17  </div>
18</form>