AG
ты можешь имя каждому задать
Size: a a a
2020 June 10
VL
о, получилось
VL
Вот так сделал:
class Info{
constructor(name, surname, age){
this.name = name;
this.surname = surname;
this.age = age;
}
}
let inp1 = document.querySelector('.i1');
let inp2 = document.querySelector('.i2');
let inp3 = document.querySelector('.i3');
let infoFunc = (n, s, a) =>{
let info = new Info(n, s, a);
console.log(info);
}
inp1.addEventListener('input', e =>{
infoFunc(inp1.value,inp2.value,inp3.value);
});
inp2.addEventListener('input', e =>{
infoFunc(inp1.value,inp2.value,inp3.value);
});
inp3.addEventListener('input', e =>{
infoFunc(inp1.value,inp2.value,inp3.value);
});AG
а тебе надо чтобы объект каждый раз новый создавался?
VL
Я учусь. Но оказалось что в консоль выводит, а в тег <p> выводит object Object. :)
AG
а что за задача?
VL
Я учусь. Но на данный момент - сделать так, чтобы данные инпутов выводились не в консоль а в тег <p>. Щас буду пробовать сделать так. Подобно как в vue.js
AG
Я учусь. Но на данный момент - сделать так, чтобы данные инпутов выводились не в консоль а в тег <p>. Щас буду пробовать сделать так. Подобно как в vue.js
можешь что то типа такого сделать
https://jsfiddle.net/AndreyGovorukhun/p049wkbe/
https://jsfiddle.net/AndreyGovorukhun/p049wkbe/
VL
можешь что то типа такого сделать
https://jsfiddle.net/AndreyGovorukhun/p049wkbe/
https://jsfiddle.net/AndreyGovorukhun/p049wkbe/
Сложно для меня, но благодарю! Поизучаю, может быть найду связь и чтото пойму.
VL
Точнее понять - понимаю, но чтобы так делать самому - еще не так легко. :)
AG
а в чем сложность заключается?
AG
тут есть класс
в него передаем объекты с инпутами и параграфами
подписываемся на прослушку инпутов
когда событие срабатывает вызываем метод, где распечатываем сам объект и заменяем текст параграфа
в него передаем объекты с инпутами и параграфами
подписываемся на прослушку инпутов
когда событие срабатывает вызываем метод, где распечатываем сам объект и заменяем текст параграфа
VL
Не, всё-таки сложно довольно. Сложность в подходе решения задачи и в использовании определенных техник в которых я не натренерован еще.
AG
по сути так же как во vue работает v-model (биндиться value и подписывается на событие input)
AG
Не, всё-таки сложно довольно. Сложность в подходе решения задачи и в использовании определенных техник в которых я не натренерован еще.
да это ничего на самом деле, со временем ясно все будет)
VL
У меня через JSON.stringify получается, но не умею правильно убрать все лишнии ковычки + число как строка получается
AG
чтобы число было не строкой можно плюс поставить перед строкой
AG
let num = +'42'
VL
Благодарю, это знал, но не получилось сначало как то применить правильно. А щас снова попробывал и получилось