ノード Js + JS 入力 = document.getElementById

Question

メールボックスにレターを送信するためのノード JS スクリプト (app.js) があります:

リーリー

他の js ファイルにこの js スクリプトを実行し、ボタンを押すとメールを送信するボタンがあります。

リーリー

HTML ファイルにはテキスト メッセージの入力フィールドがあります

リーリー

ボタンが押されたときにこの入力値を電子メールで送信するにはどうすればよいですか?

Answer 1

Fetch API 2 番目のパラメータであるオプション オブジェクトを受け入れます。ここで入力を渡します。あなたの場合、入力の値をキャプチャする必要があります。したがって、次のような場合:

let input = document.getElementById("電話番号");

これで、input.value を使用して値にアクセスできるようになります。オプション オブジェクトの body プロパティで送信すると、サーバー上のリクエスト本文に表示されるはずです。

次のようなもの:

リーリー

別の要素 (head) のクリックもリッスンしていることに気付きました。この場合、ローカルのどこかに値を保存する入力に対して onChange ハンドラーを使用するとよいでしょう。その後、ユーザーが別の要素をクリックしたときに、それを取得オプションに渡すことができます。

これは、オプションを送信するための構文例 (上で共有したドキュメントから借用) であり、受け入れられるさまざまなオプションを示しています。 リーリー