Имеется класс User. У него есть два свойства. Нужно, чтобы при нажатии кнопки "Добавить значение" в выпадающий список добавлялся новый экземпляр класса(в самом списке должен быть массив этих экземпляров). JS:
var Users=new Array();
class User{
constructor(text,option){
this.text=text;
this.option=option;
}
Add(){
alert('Работает');
var str=document.form.textarea.value;
alert(str);
var properties=new Array();
properties=str.Split(',');
alert(properties);
var User=new User(properties[0],properties[1]);
Users.push(User);
UsersList.append(User);
User.selected = true;
}
}
HTML:
<form class="form">
<input name="textarea" onkeypress="return isNumberKey(event)" placeholder="Поле1"></textarea>
<select id="UsersList">
<option disabled>Список объектов</option>
</select>
<p><input type="button" value="Добавить значение" onclick="Add()"></p>
<p><input type="submit" value="Пермешать"></p>
<p><input type="submit" value="Вывести свойство"></p>
<p><input type="submit" value="Вывести массив"></p>
<!-- <input class="form__btn" type="button" onclick="Sum()" value="Добавить значения"> -->
</form>
Текст задания: Реализовать с помощью классов JS: ● Создайте на странице в форме 2 поля: текстовое, выпадающий список; ● Добавьте 4 кнопки под этими полями: ○ Добавить значения ○ Перемешать ○ Вывести свойство ○ Вывести массив ● При клике на “добавить значения”, введенные пользователем данные, добавьте в объект в соответствующие свойства: ○ text ○ option Этот объект добавьте в общий массив, где будут хранится все вводимые значения, после чего очистите поля формы; ● При клике на перемешать, (внезапно) перемешать массив объектов. ● При клике на “Вывести свойство” вывести в консоль свойство option последнего объекта в массиве; ● При клике на “Вывести массив”... вывести массив в консоль . - здесь сложного ничего нет, выполнении данного пункта на ваше усмотрение, однако он был бы вам удобен для отладки и проверки работы скрипта.