javascript練習帳

4

このページの更新日:2023.11.26(日)

押してみてください

時間によって変わるメッセージです 今は h1 id="h1" の時間だよ

0か1か一番最初に入力したゲーム結果→id="kari00"

id="kari01"

id="kari02"

id="kari03"

id="kari04"

id="kari05"

while ↓自分アレンジで何回やってもできなかった↓ ※innnerText と textContent

※whileで、派生で覚えた事…innnerTextは、「whileを無視できるくらい強力に最新情報しか反映しない、できない」

textContentならOK ※form部品の中で記述されたテキストは、textContentで扱うことはできません

■while結果↓

id="kari07"

■式↓

let i03 = 1;

let kakikaeruhako = document.getElementById("kari07");

while(i03 <= 5){

kakikaeruhako.textContent = kakikaeruhako.textContent + i03 + "枚\n";

i03 += 1;

1と、2どちらにしますか?

←成功※innerHTMLでもtextContentでもOK
←成功

// クリックイベントリスナーを追加

var element = document.getElementById('test1105');

element.addEventListener('click', function() {

// id="kokonidasu"の要素の内容を"こんにちは"に設定

document.getElementById('kokonidasu').innerHTML = 'こんにちは';

});

p.110 function

結果…

//三角形の面積 ※innerHTML/innerText/textContent 全部動いた

function menseki(tate,yoko){ //材料を揃える

return tate * yoko / 2; //式を具体的に定義(まだ数字は入れない)

}

document.getElementById('id01').innerHTML = menseki(10,15) + "cm2";//どこにどうするか



結果…

//台形の面積

function daikei(ue,sita,takasa){ //材料を揃える

return (ue + sita) * takasa / 2; //式を具体的に定義(returnには = がない、変数みたいな感じ?)

}document.getElementById('id02').innerText = daikei(9,13,11) + "cm2";//どこにどうするか


p.124 配列

getElementById書き換え →id03