1から100までの合計
forを使って、1から100までの合計を求めてください。
解答例JAVASCRIPT
let total = 0;
for (let i = 1; i <= 100; i += 1) {
total += i;
}
console.log(total); // 5050合格者の名前を取り出す
利用者の配列から60点以上の人を選び、名前だけの配列を作ってください。
解答例JAVASCRIPT
const users = [
{ name: 'Mity', score: 82 },
{ name: 'Sora', score: 55 },
{ name: 'Haru', score: 91 }
];
const passedNames = users
.filter((user) => user.score >= 60)
.map((user) => user.name);
console.log(passedNames); // ['Mity', 'Haru']カウンターを作る
ボタンを押すたびに数字が1増えるページを作ってみましょう。
HTMLHTML
<button id="countButton" type="button">1増やす</button>
<p>回数: <span id="countValue">0</span></p>JavaScriptJAVASCRIPT
const button = document.querySelector('#countButton');
const value = document.querySelector('#countValue');
let count = 0;
button?.addEventListener('click', () => {
count += 1;
if (value) value.textContent = String(count);
});次に学ぶこと
練習問題を終えたら、ToDoリスト、クイズ、画像ギャラリーなど、入力・表示・保存を組み合わせる小さなページを作ってみましょう。