我怎样才能使它面向对象

Question

我有一个使用 Storage API 的 js 文件。如果您必须在新会话中再次填写表单，它只会保存表单信息以获取它们。它还重用这些信息将它们放在页面中的其他位置，而无需刷新页面。它正在工作，但我想以面向对象的方式实现它。试图学习 OOP（初学者）并使用不在 window.onload 事件中工作的对象中的代码创建一个函数。// STORAGE// Used Elementslet input_textarea = document.querySelector('#firstname_area');let input_textarea_bis = document.querySelector('#lastname_area');let chosen_station = document.querySelector('#station')let output_div = document.querySelector('.personal-greeting');let output_station = document.querySelector('#custumerstation'); let save_button = document.querySelector('.send');// Onclick start functionsave_button.addEventListener('click', updateOutput);// Saved Elementsoutput_div.textContent = localStorage.getItem('content');input_textarea.value = localStorage.getItem('content');input_textarea_bis.value = localStorage.getItem('contentbis');chosen_station.innerHTML = sessionStorage.getItem('content');// Function actions setting saved elementsfunction updateOutput() {  localStorage.setItem('content', input_textarea.value);  localStorage.setItem('contentbis', input_textarea_bis.value);  output_div.textContent = input_textarea.value;  output_station.textContent = chosen_station.innerHTML;}

Answer 1

通过创建一个FormInformation类，您可以attributes为您需要在应用程序中其他地方重复的内容（如input文本区域字段等）创建一个类...这样，您可以存储一个实例FormInformation并使用您在执行document.querySelector()和操作时获得的值设置属性重用它