【ウェブデザイン技能検定】2級実技試験5bの過去問と回答一覧

本記事では、ウェブデザイン技能検定の2級実技試験の作業5bの過去に出題された問題概要と回答解説を行います。

詳しい問題の文章や内容は、ウェブデザイン技能検定の過去問題の公表を参考ください。

選択問題は5bを選ぶ理由については下記よりアクセスできます。

選択問題5bの解答方法は下記よりアクセスできます。

選択問題5bの予想問題と演習は下記よりアクセスできます。

①令和5年度第2回

【問題の概要】

指定された要素をクリックすると、要素内の文字の背景色が#ffcc66に装飾する。

 q5.js（解答）
let obj = document.getElementById('contents');
obj.style.backgroundColor = "#ffcc66";

②令和5年度第3回

【問題】※令和6年第3回と同一問題

指定された要素をクリックすると、要素内の文字に実線の下線つくようにする。

 q5.js（解答）
let obj = document.getElementById('contents');
obj.style.textDecoration = "underline";

③令和5年度第4回

【問題】

指定された要素をクリックすると、要素内の内側の上下に 10px、左右に 30px の余白が出てくるようにする。

 q5.js（解答）
let obj = document.getElementById('contents');
obj.style.padding='10px 30px';

④令和6年度第1回

【問題】

指定された要素をクリックすると、指定されたブロックを表示されるようにする。

 q5.js（解答）
let obj = document.getElementById('contents');
obj.style.display = "block";

⑤令和6年度第2回

【問題】

指定された要素をクリックすると、指定されたブロックの横幅が 300px になるようにする。

 q5.js（解答）
let obj = document.getElementById('contents');
obj.style.width = '300px';

⑥令和6年度第3回

【問題】※令和5年第3回と同一問題

指定された要素をクリックすると、要素内の文字に実線の下線つくようにする。

 q5.js（解答）
let obj = document.getElementById('contents');
obj.style.textDecoration = "underline";

⑦令和6年度第4回

【問題の概要】

指定された要素をクリックすると、要素内の文字の背景色が#99ff66に装飾する。

 q5.js（解答）
let obj = document.getElementById('contents');
obj.style.backgroundColor = "#99ff66";