Slide 121
Slide 121 text
HTMLとJSのみで表現
// 数値を表示する要素を取得
let displayElement = document.getElementById('displayNumber');
// 増加ボタンにクリックイベントを設定
document.getElementById('incrementButton').addEventListener('click', function() {
// 表示されている数値を増加
let currentValue = parseInt(displayElement.innerText);
displayElement.innerText = currentValue + 1;
});
// 減少ボタンにクリックイベントを設定
docum ent
.
get
El
em ent
ByI
d(
'
decrem ent
But
t
on'
)
.
addEvent
Li
st
ener
(
'
cl
i
ck'
, f
unct
i
on(
) {
// 表示されている数値を減少
le t c u r r e n t V a lu e = p a r s e In t ( d is p la y E le m e n t .in n e r T e x t ) ;
di
spl
ayEl
em ent
.
i
nnerText = cur
rent
Val
ue - 1;
});