Hot Dog Stand in Browser: renderOptions()

renderOptions.js

// Before
this.renderOptions(item, name, this.menuItems[name]);

renderOptions(item, name, { options, required, onlyOne }) {
  options.forEach((option, i) => {
    item.innerHTML += `
      <label class="option" for="${option}">
        <input
          id="${option}"
          name="${name}" 
          ${required}
          type=${onlyOne ? 'radio' : 'checkbox'} 
          value="${option}"
        >
        ${option}
      </label> 
    `;
  });
}

// After
item.innerHTML += this.renderOptions(name, this.menuItems[name]).join('');

renderOptions(name, { options, required, onlyOne }) {
  return options.map((option, i) => (`
      <label class="option" for="${option}">
        <input
          id="${option}"
          name="${name}" 
          ${required}
          type=${onlyOne ? 'radio' : 'checkbox'} 
          value="${option}"
        >
        ${option}
      </label> 
    `)
  );
}