IndexedDB を使ってファイルアップロード可能な掲示板を非同期通信で作成したい

最大15MBのファイルアップロード機能付きの掲示板で考えているのですが、ローカルストレージのデータ保存容量がブラウザにより４MB 以内になる可能性があるため、IndexedDB を代用する形で考えております。

動画、画像、名前、メッセージを一時的に保存するために値を取得する必要があるのですが、
<input> と <textarea> でタイプが違う値（名前とコメント）を1つのボタンで取得する方法がなく困っております。
アドバイスお願い致します。

※参考サイト
https://vbnettips.blog.shinobi.jp/javascript/jav …

https://detail.chiebukuro.yahoo.co.jp/qa/questio …


※値を取得したいコード
<div>名前<input type="text" name="name" id="name"></div>
<div>コメント<textarea type="text" name="message" id="message"></textarea></div>
<!-- setValue() は出来ない textarea に value が設定できないから -->
<button id="buttonGet" >確認画面へ進む</button>

No.1 ベストアンサー 回答者： fujillin 回答日時： 2023/11/19 16:09

こんにちは

ご質問がほとんど意味不明なので、何ともですが・・

＞1つのボタンで取得する方法がなく困っております。
スクリプトで取得するという意味ですよね？
ボタン押し下げ時の処理で、それぞれの要素の値を取得すれば良いだけです。
　const inputValue = document.getElementById('name').value;
　const textareaValue = document.getElementById('message').value;

＞textarea に value が設定できないから
？？
textarea 要素の値は value 属性で取得・設定が可能です。
（setValue()というのがどのようなものなのかは不明ですけれど・・）

この回答へのお礼

回答ありがとうございます、申し訳ありません質問の仕方が変でした。
スクリプトで取得するという意味ではなくonclick=""でクリック時にデータを受け取る形になります。
value 属性で取得・設定が可能ということで覚えておきます。
value を名前とメッセージで同一にして onclick="clickBtn1()" で取得してみます。

※onclick="getData()"について
https://developer.mozilla.org/ja/docs/Web/API/Da …

※getAll('')について
https://open-code.tech/post-2416/

※onclick="clickBtn1()"について
https://teratail.com/questions/361906

お礼日時：2023/11/19 16:30