東京イラストレーション javascript練習帳
このページの更新日：2024.08.06(火)←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どちらにしますか？
モーダルウインドウの練習です
// クリックイベントリスナーを追加
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