配列にテキストを追加していく方法

Question

前提・実現したいこと

テキストボックスでonclickで取得した値を配列に格納していく事はできますでしょうか。

発生している問題・エラーメッセージ

<input type="text" id="text id" name="fruit"> <button onclick="arrayFunction()">クリック</button> <script> function arrayFunction() { var fruit = ["りんご", "ばなな", "ぶどう"]; let elm = document.getElementById("text id").value; fruit.push(elm); let a = ""; a = elm; document.getElementById('array011').innerHTML = elm; } </script> </body>

試したこと

テキストに「れもん」　⇒　ボタン　⇒ ["りんご", "ばなな", "ぶどう","れもん"]
次にテキスト内を削除して「もも」　⇒　ボタン　⇒　["りんご", "ばなな", "ぶどう","れもん","もも"]

となるようにプログラムを書くことはできますでしょうか。

Comments

[m.ts10806]

コードはマークダウンのcode機能を利用してご提示ください。
また、PHPは本件とどのように関係するのでしょうか

[kei344]

（質問文は編集できます）質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

Answer 1

となるようにプログラムを書くことはできますでしょうか。

はい、できます。

---

Dec 4, 2019 11:40pm 追記

可能であればその書き方を教えて頂けると幸いでございます。

とのことですので、追記します。

ちなみに、id属性にスペースを含めてはいけません (MDM)

<script>
var fruits = ["りんご", "ばなな", "ぶどう"];

function arrayFunction() {
const elm = document.getElementById('text_id');
fruits.push(elm.value);

document.getElementById('array011').innerHTML = elm.value;
}
</script>

<input type="text" id="text_id" name="fruit">
<button onclick="arrayFunction()">クリック</button>
<p id="array011"></p>

Comments

[ryo-suke]

可能であればその書き方を教えて頂けると幸いでございます。

[thyda.eiqau]

なるほど、わかりました。少々お待ち下さい。