在JSON数组中存储用户输入并允许用户修改它们

Question

我正在构建一个简单的健身应用程序作为大学练习。我想为用户提供一个或两个默认的锻炼程序，其结构如下：

var workout =
  {
    "title": "Full Body",
    "exercises":
    [
      {
        "name": "Push Ups",
        "duration": 5,
        "break": 5
      },
      {
        "name": "Squats",
        "duration": 5,
        "break": 5
      },
      {
        "name": "Running in place",
        "duration": 5,
        "break": 5
      }
    ]
  };

我在想用户可能会像这样影响类似的数组：

function()
{
  workout.title = document.getElementById(SOME USER INPUT ELEMENT);
  exercises.name = document.getElementById(SOME OTHR USER INPUT ELEMENT);

  etc.
}

但是我不确定这是最优雅或最有效的方法。我想做的另一件事是允许用户创建自己的锻炼程序：他们会输入一个名字（字符串），从一系列练习中选择（字符串）并指定分配给每个人的时间段（整数）行使。这个我不知道怎么做，任何帮助将不胜感激！ 编辑：没有数据库，数据存储在本地。