はじめてのWebアプリ制作：操作をつける

必要な要素を取得する

const form = document.querySelector('#log-form');
const dateInput = document.querySelector('#study-date');
const contentInput = document.querySelector('#study-content');
const errorMessage = document.querySelector('#form-error');
const emptyMessage = document.querySelector('#empty-message');
const logList = document.querySelector('#log-list');

let records = [];

document.querySelector() はCSSと同じ指定で要素を一つ探します。records は記録を並べて持つ配列です。ページを開き、開発者ツールのConsoleに赤いエラーがなければ次へ進みます。