ゼロからWebサイトを作る。進捗状況

　約1ヶ月前くらいから、空いてる時間を見つけてWebサイトを制作中。現在制作しているWebサイトは、応用情報技術者試験を受ける人が、一問一答形式で勉強できるサイトだ。一回目の進捗報告は以前にnoteに投稿した通り。

　そして、WebサイトのURLを以下に示す。

応用情報技術者試験　単語帳　Webサイト

　変更したところは、「一つ前に戻る」ボタンを追加したのと、データの誤字脱字を一部修正、また、より分かりやすいように説明文を書き換えたり、単語帳を並べ替えたりした。

一つ前に戻るボタン

.htmlファイルに、

<button onclick="previousData()">一つ前に戻る</button>

を加えて、.jsファイルに、

function previousData() {
    if (currentRowIndex > 0) {
        document.getElementById("data_display1").innerText = "";
        document.getElementById("data_display2").innerText = "";
        document.getElementById("data_display3").innerText = "";
        currentRowIndex--;
        currentColumnIndex = 0;
        displayData();
        displayRowInfo();
    }
}

を挿入。ボタンをクリックすると、表示されていたデータを削除して、現在表示している行番号から-1したデータを表示。行番号の数字も更新する。

　自分が作りたいものが出来上がっていくのはやっぱり楽しい。今後もどんどん機能を追加したり、削除したりして、使いやすいWebサイトにしていきたい。エンジニアの方がいれば、意見、アドバイスお待ちしています。