すみません、急ぎです！ これ、分かる方いらっしゃいませんか？ JavaScriptの問題です。

すみません、急ぎです！

これ、分かる方いらっしゃいませんか？
JavaScriptの問題です。

質問者からの補足コメント

• 問１
  ①に入る宣言文を書け。
  ②に入るCanvasをクリアする文を書け。
  ③に入る縦方向の動きを反転させる文を書け。
  ④に入る四角を青色にする文を書け。
  ⑤に入るidを書け。
  
  問２clearボタンを押すと、動きが止まるようにしたい。その文を書け。
  
  問３document.getElementByIdを実行したところ、下記のエラーが出現した。その理由を答えよ。
  Uncaught TypeError;Cannot read property 'getContext' of null
  
  問４
  Canvasと２つのボタンをCSSを使って中央揃えにする文を書け。
  
  
  です。すみません！

  
    補足日時：2018/07/20 15:37

No.4 回答者： fujillin 回答日時： 2018/07/21 02:49

こんばんは

なんだか課題かテスト問題のようですが、これまでに関連事項を学習してきたのではないのでしょうか？
答の結果だけ貰って提出しても何も身に付かないし、次の課題（あるのか無いのか知りませんが）では益々わからなくなるばかりではないでしょうか。

問1はCANVASの基本的な利用法なので、（↓）あたりを読めばおさらいができるでしょう。（もっと良いテキスト等をお持ちでいらっしゃるかも知れませんが）
http://www.html5.jp/canvas/
③は単純にX方向と同じ回答を期待されているのだと思いますが、そもそもが速度の方向を反転する処理しかされておらず、四角形の大きさや反射のタイミングは考慮されていないようなので、現状は少々不自然な動きになっていそうな気がします。

問2は、既に停止のための処理が用意されているようなので、それを実行させれば良さそうですね。

問3は、設問の文章が正確ではないように思えます。
getElementByIdの実行でエラーが出るとは思えません。
その次の文でエラーが発生する可能性はありますし、それを指しているのだと思います。
エラーの理由は、ほぼエラーメッセージの内容通り。

問4だけ、問1～3のcanvasとは直接には関係の無い設問内容になっています。
canvasよりも前に習った内容かもしれません。

No.1 回答者： yambejp 回答日時： 2018/07/20 15:18

ごめん、よめない

テキストに書き起こして