Как сделать несколько проверок через операторы короткого замыкания?

Question

[Alexfixer]

Есть 4 поля: tel, checkbox, radio, text
Мне нужно написать проверку , так чтобы по итогу Поля соответствовали значениям tel, checkbox, radio, text
Можно как то это замутить через тернарный оператор?

Попытка:

<input type="${
          item.type == "tel" && item.type !== "checkbox" && item.type !== "text" && item.type !== "radio"
            ? "tel"
            : "checkbox"
  }"

просто через другии условные конструкции в ${} шаблонной строке писать js вроде нельзя

Upd: Есть JSon объект в нём есть свойство type: со значениями tel, text, radio, checkbox. в JS файле должен создаваться инпут с тем типом, который задан полю type в массиве объектов конкретному объекту. Это квиз, на 1 этапе например 3 инпута, 1 text и 2 других чекбоксы, а на 3 этапе input tel

Comments

[Aetae]

Писать там можно любое выражение. Только непонятна задача.
Вот допустим у нас в item.type лежит "cheeki-breeki", что должно произойти?

[Сергей Соколов]

сейчас такое условие сделает тип tel только если item.type === "tel" что делает прочие проверки ненужными

[Василий Банников]

После
item.type == "tel"
Совершенно нет смысла делать проверки на все остальные type-ы

Answer 1

[Сергей Соколов]

Убедиться, что тип один из разрешенных. Или по умолчанию "checkbox":

const html = `<input
  type="${
    ['tel', 'checkbox', 'text', 'radio'].includes(item.type) ? item.type : 'checkbox'
  }"
`;