JSFiddle - React, Tailwind, and code Playground

by zlojnaxa

HTML

<select id="my-select">
    <option value="1">Видеокарта</option>
    <option value="2">Процессор</option>
    <option value="3">Оперативная память</option>
    <option value="4">Винт</option>
</select>
<div id="result"></div>

JavaScript

let select = document.querySelector('#my-select'), result = document.querySelector('#result');
select.addEventListener('change',()=> {
    result.innerHTML = '';
    if(select.selectedIndex === 0){ for(i = 0; i < 2; i++){ result.innerHTML += '<input>'; } }
    if(select.selectedIndex === 3){ for(i = 0; i < 1; i++){ result.innerHTML += '<input>'; } }
});