JavaScript練習問題2

問題0

以下の日本語の誤りを修正してください。

問題0-1

わたしの好きなもの… りんご、金魚、佐藤先生、赤色、「一石二鳥」という言葉、寝ること、相手のタイミングを読んで、ジャストガードが決まると気持ちよいです。

問題0-2

クーラーボックスが二つあります。一つ目のクーラーボックスは赤色で、もう一つは青色です。まず、赤色のクーラーボックスのなかに、2Lのペットボトル入りの麦茶を3本いれ、ウインナーを4本いれました。次に、青色のクーラーボックスの中に、2Lのペットボトル入りの麦茶を5本いれ、ちくわを6本いれました。赤色の麦茶は何本ありますか?

問題1

プログラムの誤りを修正してください。

const mizu = 0;
const honoo = 1;
const kusa = 2;

let taipu = [mizu, honoo, kusa];
let i = Math.floor(Math.random() * 3)

if (taipu[i] == "mizu") {
  console.log("水が選ばれたよ。")
}

問題2

プログラムの誤りを修正してください。

let waza = [{name: "hinoko", damage: 20}, {name: "mizudeppo", damage: 15}, {name: "kaenhousha", damage: 40}]
let dam = [];
for (let i = 0; i < 3; i++) {
  dam.push(waza.damage[i]);
}
console.log("2つめの技のダメージ", dam[1]);

問題3

以下の説明を読んでください。

addEventListenerは、次のような構文で使います。

element.addEventListener("click", func)

このメソッドを実行すると、elementがクリックされたときに、funcを呼び出すように登録する。

setTimeoutは、次のような構文で使います。

setTimeout(func, time)

この関数を実行すると、(0.001×time)秒後にfuncを呼び出すように登録する。


以下のプログラムの間違いを修正してください。

問題3-1

function logTime() {
  // 現在時刻を取得
  let now = new Date();
  console.log(now);
}
setTimeout(logTime(), 1000);

問題3-2

setTimeout(console.log("入力された値: ", prompt("入力してね")), 1000)

問題4

プログラムの誤りを修正してください。

<body>
<div id="y"></div>
</body>
// 3個のボタンを追加する。
let y = document.getElementById("y");
y.appendChild(for (let i = 0; i < 3; i++) {
                 let button = document.createElement("button");
                 button.textContent = "ボタンを押してね";
              });

問題5

プログラムの誤りを修正してください。

<body>
<div id="y"></div>
</body>
let numbers = ["一", "二", "三", "四", "五"];
function createButton() {
  let x = document.createElement("button");
  x.style.backgroundColor = "rgb(255, 0, 0)";
  document.getElementById("y").appendChild(x);
  return x;
}
const button = createButton();
for (let i = 0; i < 5; i++) {
  button.textContent = numbers[i];
  button.addEventListener("click",
                          function () { console.log("押されたボタンの番号", numbers[i]); }
                         );
}