Конвертация MAC-адресов в HTML через Input?

Question

[dasda123]

Пробовал самостоятельно сделать код, но надо уроки смотреть с самого начала.
Просьба, объяснить как сделать, чтобы было 2 input. в первой инпут я ввожу мак
AA-AA-AA-AA-AA-AA
или aaaa.aaaa.aaaa
или aa:aa:aa:aa:aa:aa
или aaaaaaaaaaaaaaa

и кнопки конвертации были если я выбираю один из 4-х, то он мог мне перевести из этих 4 обратно.

Answer 1

[Александр]

На вводе регулярка состоящая из 4 форматов разделенных "|" - дающая массив из 6 значений, на выходе выбор 4 форматов который собирает эти 6 значений.

Код то в одну строчку:

<input id="inMac">
<select id="typeMac">
<option value=0>XX-XX-XX-XX-XX-XX</option>
<option value=1>xxxx.xxxx.xxxx</option>
<option value=2>xx:xx:xx:xx:xx:xx</option>
<option value=3>xxxxxxxxxxxx</option>
</select><button onclick='a=[0,0,0,0,0,0].fill("([1-9abcdef]{2})");document.querySelector("#inMac").value=[x=>x.map(x=>x.toUpperCase()).join("-"),x=>x[0]+x[1]+"."+x[2]+x[3]+"."+x[4]+x[5],x=>x.join(":"),x=>x.join("")][document.querySelector("#typeMac").value](document.querySelector("#inMac").value.toLowerCase().split(RegExp([a.join("[\-\:]"),[0,0,0].fill(a[0]+a[0]).join("."),a.join()].join("|"))).filter(x=>x&&x.length==2))'>JUST DO IT</button>

Код сделан максимально непонятно, просто чтобы показать что это возможно,а еще он не учитиывет 0.

Answer 2

[Алексей Ярков]

Пробовал самостоятельно сделать код, но надо уроки смотреть с самого начала

С такой формулировкой вам сюда