複数のsubmitにaddEventListenerを行いたい

Question

１つのフォームに2つのsubmitを設けました。
2つのsubmitに関数をaddEventListenerしたいのですが
以下のエラーが出て、解消することができません。

TypeError: Cannot read property 'addEventListener' of undefined

htmlは以下です。

<form action="./server.php" method="post" name="form">
  略
  <input type="submit" id="aaa" value="111" onClick="return apple();">
  <input type="submit" id="ooo" value="222" onClick="return orange();">
</form>

javascriptは以下です。

window.onload = function(){
  function send_data(){
    略
  }

  const form = document.getElementsByName("form").

  //submitが複数あるためかエラーになる
  form.addEventListener("submit", function(event){
    event.preventDefault();
    send_data();
  });
}

formが1つなのに、submitが2つあるためにエラーとなっているのでしょうか。
ご教授頂けると幸いです。

Comments

[int32_t]

変数 form が undefined になっているというエラーですが、HTML/JavaScriptコードが本当にこの通りなら undefined にはならないと思います。このコードなら違うエラーが出ていませんか? このエラーが出たのは違うコードではありませんか?

[torimingo]

大変失礼致しました。
その通りです。
1つのformに2つのsubmitを設けて、どちらのsubmitボタンが押された場合にも、サーバーにデータを送れるようにしようとしていたところ、変なところでひっかかってしまったようです。
一旦クローズ致します。
大変申し訳ございませんでした。
早急にありがとうございました。

[int32_t]

質問を撤回する必要はありません。質問を編集して更新すれば良いですよ。

Answer 1

getElement　s　ByName

です。
EventTarget.addEventListener()は特定の要素に対してイベントを付与するものなので、elementsと複数得られている状態では付与できません。
forなどで全件取り出し個別に付与してあげる必要があります。

Answer 2

コードに対するエラーが誤っていたので、クローズ致します。
すみませんでした。

Comments

[m.ts10806]

解決になってません。質問編集してください。
コードに対する回答ならしてあります。

[torimingo]

すみません。
どういうわけか、2つのformにaddEventListener()をすることができました。
質問を取り下げたいのですが、方法がわかりません・・・。

[m.ts10806]

質問、回答ともに編集できます。ベストアンサーも解除できます。

プログラムは書いたとおりにしか動かないので「なぜか」という事態は基本ないです。きちんと追っておいたほうが良いでしょう。

質問も回答も編集しないまま取り下げるのは現状最もとってはいけない対応です。直接問い合わせても削除依頼通らないと思います。