javascript - html javascript 在脚本标签上的实现设计模式

Question

我对 javascript 和 web 开发相当陌生。我正在制作一个简单的模板格式化网络应用程序。它几乎会有表单，用户可以在其中填写个人信息，例如姓名、年龄、性别等，并使用 javascript 我将输出一个包含用户提交信息的个人段落。我正在使用模板文字，我知道该怎么做，我只是对如何在脚本标签中设计 javascript 代码感到困惑，就像在设计模式中一样？标准是否与 OOP 类似，具有初始化对象和解析表单等类？任何意见和建议都非常感谢！

这是一些 sudo 代码

//not real code, but you get the gist
class Template:
   var name = html.InnerElement
   var age = html.InnerElement
   var food = html.InnerElement

   const paragraph = () => {
   //template literal
    paragraph = 
   `Dear ${this.name},
    Happy Birthday! You're turning ${this.age today}.
    This is a big accomplishment, we must celebrate. Are you free next week for some ${this.food}?`

   return paragraph

   }

标签： javascripthtmlwebdesign-patternsscripting