JavaScript Решает 29. Система комментариев для сайта

Поделиться
HTML-код
  • Опубликовано: 24 авг 2024
  • Плейлист: goo.gl/hpmmzj
    Сайт: javascript.kiev.ua
    Телеграм: t.me/jsrules
    Файлы: github.com/lus...
    Комментарии для сайта на JavaScript
    Помочь проекту:
    Приватбанк
    5168 7573 0963 8130 - грн
    4731 1856 0487 0037 - usd
    Лущенко Александр
    WebMoney
    R354667840881 - RUB
    U335516060480 - UAH
    Z735368139042 - USD
    Bitcoin
    1BXtmroCWPnWfqsDUjos6YMrRtGExZ2GYL

Комментарии • 128

  • @MrColins710
    @MrColins710 6 лет назад +6

    дуже круті у вас уроки, на просторах інтернету ще не зустрчав таких толкових, продовжуйте в такому ж дусі, дякую!

    • @itgid
      @itgid  6 лет назад +2

      Дякую!

  • @nikbraun5013
    @nikbraun5013 3 года назад +2

    ОЧЕНЬ ПОЛЕЗНАЯ ИНФОРМАЦИЯ !
    Благодарю Вас за урок! Здоровья Вам желаю!

  • @user-di7cc6nn3p
    @user-di7cc6nn3p 6 лет назад +2

    Чёткий материал! Очень изложено и понятно. Было бы вообще супер, если б дописали возможность ответа саппорту на каждый комментарий.

  • @dmitriyshevtsov6711
    @dmitriyshevtsov6711 Год назад

    Отличнейшее видео. Всё очень понятно и четко показано. Спасибо

  • @GeoTapokkk
    @GeoTapokkk 2 года назад

    Спасибо вам огромное. Я хотел сделать комментария в своей крипипасте, и вы очень помогли мне в этом. Спасибо!

  • @Rol1x
    @Rol1x 2 года назад +4

    Я не понимаю но у меня не идёт делал всё как у видео но не работает :(

    • @Vsfrcode777
      @Vsfrcode777 5 месяцев назад

      тоже самое

  • @koreikin
    @koreikin Год назад

    Да ваши видео, еще долго будут полезны, популярность еще придет.

  • @tohan_play
    @tohan_play 2 года назад +2

    Сделал все так но почему то выда вало ошибки. Их я пофиксил но немогу разобраться с одной: комменты не отображаются и в консоли пишет что локальное хранилище не найдено, что делать?

  • @it_centr
    @it_centr 6 лет назад +8

    Спасибо за видео, жду Node.js

    • @itgid
      @itgid  5 лет назад +2

      В конце этого месяца будут уроки.

  • @user-du3ob2rx8u
    @user-du3ob2rx8u 6 лет назад +1

    Качество звука огонь) спасибо за очередной полезный урок!

  • @Sasha228-f9o
    @Sasha228-f9o 2 года назад +3

    когда я пишу в коде event.preventDefault();
    у меня всеравно перезагружайтся помогите плиз

    • @Rol1x
      @Rol1x 2 года назад +3

      +

  • @mrgregor228
    @mrgregor228 4 года назад

    Замечательный урок! Просто супер!

  • @armgasparyan
    @armgasparyan 6 лет назад +1

    Спасибо за качественный контент, подписка + лайк , жду больше видео!!

  • @mamontil
    @mamontil 3 года назад +3

    А как сделать, чтобы отзывы оставались на сайте? Без БД?

  • @user-yb5kv8jj3w
    @user-yb5kv8jj3w 6 лет назад +3

    Спасибо.Да,пора backend привязывать и поднимать уроки node.js
    Еще бы mongodb и так далее.)

  • @DmitrijBolshakov
    @DmitrijBolshakov 6 лет назад +7

    С ООП было бы интересно посмотреть

  • @MainLoner
    @MainLoner 6 лет назад +4

    Спасибо за уроки. Вижу Вы много делаете рутинных(которые можно автоматизировать) действий. Есть отличные дополнения для VSCode: Quokka.js (выводит результат функции и console.log) и LiveServer для работы с Ajax и автоматической перезагрузкой страницы.

    • @itgid
      @itgid  6 лет назад +4

      Спасибо, посмотрю. Большей частью использование console.log нужно для того, чтобы зритель передохнул и посмотрел результат.

  • @seonhighlightsvods9193
    @seonhighlightsvods9193 6 лет назад +1

    Дякую, вам за такий чудовий ресурс. Мабуть вам це дійсно подобається, якщо ви так вкладаєтесь шукаєте цікаві завдання, а віддачі не так багато в переглядах / підписках. Але думаю, скоро будете СНД The Coding Train

  • @Herp_B_TaHkE
    @Herp_B_TaHkE 3 года назад

    спасибо вам большое, мне это очень поможет в будеще верстке, лайк

  • @NeedForHeavyMetal
    @NeedForHeavyMetal 2 года назад

    Щикааарно!

  • @olegasm1182
    @olegasm1182 Год назад

    Ja vsio smatriu vase video ,Tag gde komentariy soxraniayutsia na ,lokalnom kompe ,ili na sayte ,i is stirat nikak ne vazmozno,esli nabiriotsia mnogo komentariev,
    Ya proboval vas skript v css,zdelat ,perevirnut formu stob bilo na mobilnoy versiy poka ne paluciaetsia. Spasobo za urok.

  • @kawaikaino5277
    @kawaikaino5277 6 лет назад +6

    Смотрят куча людей, а задонатить автору жмут! Нищеброды поддерживаем автора, хоть 100ка уже приятно человеку.

    • @itgid
      @itgid  6 лет назад +2

      Я не против. Данатьте!

    • @skinl3993
      @skinl3993 5 лет назад

      *Донатьте

  • @DerAleksey
    @DerAleksey 10 месяцев назад

    топчик!

  • @user-bc7mt9ky1l
    @user-bc7mt9ky1l 3 года назад

    Господи спасибо!!!!!!!!!!¡¡¡¡😌💛

  • @komronpulatov6785
    @komronpulatov6785 5 лет назад +3

    а для того чтобы твой коммент был виден другим пользователям с других гаджетов что нужно делать ? нужно ли покупать(привязать) домен и хостинг к сайту чтобы комментарий был виден для других?

    • @NewMoviescontent
      @NewMoviescontent 2 года назад +2

      Привет, если спустя два года ты понял это, можешь рассказать мне?

    • @denys-voloshyn
      @denys-voloshyn Год назад

      @@NewMoviescontent привет, если спустя год ты понял это, можешь рассказать мне?

    • @libertariancom
      @libertariancom Год назад

      github pages, например. И не использовать localstorage, так как он хранится в браузере

  • @KapitanDi
    @KapitanDi 4 месяца назад

    Кое что не работает, а исходный текст видимо убрали.. конечно 6 лет прошло. Или я его не могу найти, дайте ссылку если оно ещё живое)). Интересно также пару добавок сделать, уведомление по почте о новом комментарии и возможность отвечать на комментарии. Если кто пробовал и получилось, дайте ссылочку глянуть на код. Спасибо.

  • @anna-sava
    @anna-sava 2 года назад

    Дякую! Дуже допомогло

  • @realsport4732
    @realsport4732 4 года назад +6

    а как удалить комментарии опишите полностью пожалуйста

    • @mamontil
      @mamontil 3 года назад

      Добрый день! Так удалять научились? Есть сайт, хочу отключить PHP - чтобы комменты были на JS

    • @mamontil
      @mamontil 3 года назад

      comments.splice(0); не работает. В консоль выводится пустой массив, но данные на странице остаются

  • @user-gt1ky5mn1j
    @user-gt1ky5mn1j 3 года назад

    Спасибо большое

  • @user-ek9mp1nw5s
    @user-ek9mp1nw5s 6 месяцев назад

    В целом как всегда годно. Но есть маленькое НО .. коменты видишь только ТЫ, так как локал твой. А в целом как ту-душка с сохранением норм + этот же функуюционал можно юзать для корзины

  • @284master
    @284master 4 года назад +4

    Вопрос: Как возможно редактировать комментарии после написания их?

    • @user-bj2wv9qp1v
      @user-bj2wv9qp1v 3 года назад +2

      комментарий удалить почистить кеш браузера

    • @284master
      @284master 3 года назад

      @@user-bj2wv9qp1v ок

  • @uladzimircharniauski5754
    @uladzimircharniauski5754 6 лет назад +2

    Как получить доступ к истории комментариев(localstorage)?

    • @itgid
      @itgid  6 лет назад +2

      getLocalStorage...

  • @fanckler
    @fanckler 6 лет назад

    Круто, а планируете разбирать тему "модулей"? Интересно было узнать про export default class/ cunstructor

  • @FrontendPlace
    @FrontendPlace Год назад

    Подскажите пожалуйста, эти комментарии видны другим пользователям?

  • @prometheusmusic4559
    @prometheusmusic4559 5 лет назад +1

    Знаком с версткой уже года два. Много раз слышал про bootstrap. Не понимал, что это такое, и с чем его едят. Да и не трогал. Благодаря этому уроку приблизительно понял, что это такое. Типа шаблонов для верстки, так?

    • @michaelduncan1230
      @michaelduncan1230 3 года назад

      sorry to be offtopic but does anybody know of a method to get back into an instagram account?
      I was dumb forgot my login password. I would love any help you can offer me

    • @brixtonwarren9864
      @brixtonwarren9864 3 года назад

      @Michael Duncan Instablaster :)

    • @michaelduncan1230
      @michaelduncan1230 3 года назад

      @Brixton Warren i really appreciate your reply. I found the site through google and I'm waiting for the hacking stuff atm.
      Looks like it's gonna take a while so I will get back to you later when my account password hopefully is recovered.

    • @michaelduncan1230
      @michaelduncan1230 3 года назад

      @Brixton Warren it worked and I actually got access to my account again. I am so happy!
      Thanks so much, you saved my ass !

    • @brixtonwarren9864
      @brixtonwarren9864 3 года назад

      @Michael Duncan Happy to help xD

  • @arkadii4052
    @arkadii4052 4 года назад

    Круто, но забыл про удаление элементов)

  • @kawaikaino5277
    @kawaikaino5277 6 лет назад +1

    Все обновляю - обновляю страницу с каналом, а новых уроков нет((

  • @Qwerty-fn3rf
    @Qwerty-fn3rf 6 лет назад

    Спасибо за урок, познавательно, подскажите пожалуйста, как реализовать удаление комментария

  • @user-rj6ro3mp1p
    @user-rj6ro3mp1p 6 лет назад +1

    как быть с ломкой, я дошел до конца плейлиста, а организм требует еще, как быть дальше, что мне делать?))

  • @Name-wv3cu
    @Name-wv3cu Год назад

    у меня в консоли вылетает такая ошибка Uncaught TypeError: Cannot set properties of null (setting 'onclick') что делать ?

    • @libertariancom
      @libertariancom Год назад

      Перечитай свой код и посмотри, где ошибся

  • @Autoprom500
    @Autoprom500 Год назад +1

    3:36

  • @amirshikarno9880
    @amirshikarno9880 2 года назад +1

    О_о локал стородж! На сервер коментарии не будут улетать? чтобы было видно на других усройствах

  • @user-pe5xu9os4w
    @user-pe5xu9os4w 2 года назад

    Спасибо большое, но можете кинуть коды для подключения бутстрап

  • @daniilkrotenko1419
    @daniilkrotenko1419 4 года назад

    Как использовать Web SQL, за месть Local Storage?

  • @perstj5746
    @perstj5746 Год назад

    А можно visual studio code скачать на windows xp.??

  • @linzebook
    @linzebook Год назад

    как сделать так чтобы комментарий появлялись сверху, а не снизу?

    • @libertariancom
      @libertariancom Год назад

      Вместо Innerhtml для блока с комментами используй prepend

  • @alexeska739
    @alexeska739 5 лет назад +1

    А будет ли материал в продолжение этого урока по сохранению в базе данных?

    • @itgid
      @itgid  5 лет назад

      Нет, по базам данных будут другие уроки. Если хотите полноценный AJAX+БД то мой курс в помощь: js.itgid.info

  • @user-me7pk5tg1u
    @user-me7pk5tg1u Год назад

    Где скачать этот код? Чтобы не мучаться?

  • @user-rj6ro3mp1p
    @user-rj6ro3mp1p 6 лет назад +2

    Что с автором, куда потерялся Александр, кто в курсе, я начинаю беспокоиться?))

    • @itgid
      @itgid  6 лет назад +2

      Нет не потерялся, просто так сложились дела что 2 недели был занят. Сегодня снова возвращаюсь и буду работать!

    • @user-rj6ro3mp1p
      @user-rj6ro3mp1p 6 лет назад

      JavaScript решает, это отличная новость.

    • @black_f1ame
      @black_f1ame 4 года назад

      ​@@itgid что делать если в файле .js перед let пишет ошибку:ожидалось индификатор

  • @sevenjay4026
    @sevenjay4026 5 лет назад +2

    Памагите как удалить написанный каментарий

    • @itgid
      @itgid  5 лет назад

      выводите кнопку удаления с data равным id возле каждого комментария. При нажатии удаляете его из dom, и удаляете из массива. Обновляете массив в LocalStorage

  • @user-tw2bc7yt5d
    @user-tw2bc7yt5d 4 года назад

    Спасибо за видео,очень полезно и познавательно.Можете подсказать как сделать так что бы,если поля имя и комментарий пустые,отзыв не добавлялся,так сейчас при нажатии на Button передаются и выводятся пустые значения полей

    • @rbk9582
      @rbk9582 4 года назад

      Если ты работаешь через ангуляр то можно через валидаторы, а вроде в html есть понятие required.

  • @Synchro13
    @Synchro13 6 лет назад +1

    Что такое Процедурное программирование?

    • @itgid
      @itgid  6 лет назад +1

      Термина такого нет. Есть функциональное, но это чуть другое. В данном случае я использовал (не корректно) слово процедурное как противопоставление ООП с его подходами. У меня некоторые функции не возращают результат, а просто выполняют действие. Такие функции, в других ЯП принято называть процедурами.

    • @Synchro13
      @Synchro13 6 лет назад

      @@itgid Спасибо за ответ

  • @coconut_punker
    @coconut_punker 6 лет назад +1

    А будет видос как в БД заносить? если да, то на ноде будете делать?

    • @itgid
      @itgid  6 лет назад

      для ноды есть отдельный плейлист. Сейчас думаю над бекендом.

  • @ANONEMASTER
    @ANONEMASTER 3 года назад

    Как очистить комментарии???

  • @khalilmutallibov
    @khalilmutallibov 3 года назад

    Большое спасибо за урок! Очень качественно и понятно. Но у меня есть пару вопросов. Как расположить комментарии в обратном порядке, чтобы новые появлялись вверху? И еще как удалять комментарии?
    Буду очень благодарен, если вы ответите.

    • @user-wc3wl3dl1q
      @user-wc3wl3dl1q 3 года назад

      здавствуйте, нашли ответ?

    • @khalilmutallibov
      @khalilmutallibov 3 года назад

      ​@@user-wc3wl3dl1q к сожалению с того времени больше не занимался этим вопросом

    • @libertariancom
      @libertariancom Год назад

      Поможет prepend, позволяет вставить элемент в начало родительского элемента

  • @glebboyarshinov9312
    @glebboyarshinov9312 5 лет назад

    Что делать даже если код автора с GitHub не работает?

  • @standoff-lh1jf
    @standoff-lh1jf 4 года назад

    Хмм 66.6 подписчиков

  • @ANONEMASTER
    @ANONEMASTER 3 года назад

    Как очистить?

  • @thesweetlife843
    @thesweetlife843 6 лет назад

    Не думал что столько гемора чтоб вывести комментарии )) по мимо этого еще ведь нужно защиту от спама ) капчу хотяб )

  • @trinside6763
    @trinside6763 Год назад

    то чувство когда обьект это массив

  • @alexandertarasenko3038
    @alexandertarasenko3038 6 лет назад

    А если кнопке задать type="button"?

    • @tuRistst
      @tuRistst 5 лет назад

      Тоже будет работать.

  • @KirillKlimov_lds
    @KirillKlimov_lds 6 лет назад +1

    Выводится такая строка: ${timeConverter(item.time)} вместо времени комментария

    • @itgid
      @itgid  6 лет назад +1

      кавычки поставили неверно. Вы поставили одинарную кавычку, а нужно обратный апостроф.

    • @onemasterlomaster1829
      @onemasterlomaster1829 6 лет назад

      ковычки `` где буква Ё или ~ без шифта )))

    • @itgid
      @itgid  6 лет назад

      ничего не понял.

    • @onemasterlomaster1829
      @onemasterlomaster1829 6 лет назад

      ))) кнопка где обратный апостроф на ней у меня буква Ё

    • @thesweetlife843
      @thesweetlife843 6 лет назад

      язык поменяй и все )

  • @sevenjay4026
    @sevenjay4026 5 лет назад +1

    Как удалить написанный коментарий

    • @itgid
      @itgid  5 лет назад

      удалить элемент из массива delete array[i];

    • @itgid
      @itgid  5 лет назад

      @@sevenjay4026 comments

  • @Vsfrcode777
    @Vsfrcode777 6 месяцев назад

    не работает

  • @user-by6zp8jm3g
    @user-by6zp8jm3g 2 года назад

    подскажите пожалуйста как удалить все коментарии?

    • @libertariancom
      @libertariancom Год назад

      Добавь кнопку, которая будет очищать localstorage, например

  • @user-bj2wv9qp1v
    @user-bj2wv9qp1v 3 года назад +1

    Спасибо но как делать комментарий чтоб его видели на других ресурсах не только у себя в браузере что мы написали пишу комментарий на ПК а в телефоне комментарий не отображается что делать

  • @d1fyyyxflick21
    @d1fyyyxflick21 4 года назад

    У меня неработает почему, не знаю?

  • @andriishchur1837
    @andriishchur1837 6 лет назад

    Было бы здорово увидеть это же на ООП

  • @d1fyyyxflick21
    @d1fyyyxflick21 4 года назад

    Я зделал всьо за автором

  • @user-hj5mw3oj1h
    @user-hj5mw3oj1h 3 года назад

    яччч

  • @luxora
    @luxora 3 года назад

    Я конечно понимаю, что Js решает, но можно было добавить JQuery, например вместо длиной строки обработки нажатия можно просто написать: $('.ВАШ КЛАСС').click(function (e) {
    e.preventDefault();
    // ваш код...
    });
    Так-же вместо event можно написать e

  • @userDevilJack
    @userDevilJack 3 года назад

    Народ помогите пофиксить код у меня с ним одинаковый но видайот ${timeConverter(item.time)}
    ${item.name}
    ${item.body}
    помогите прошу

    • @tohan_play
      @tohan_play 2 года назад

      там надо ${timeConverter(item.time)}; занести в ` т.е. получится `${timeConverter(item.time)}`;(я тоже долго думал но потом их заметил)

  • @mas4erlomas4er
    @mas4erlomas4er 6 лет назад

    Чёт не понял - где файлы урока

    • @itgid
      @itgid  6 лет назад +1

      :) буду дома - выложу

    • @itgid
      @itgid  6 лет назад

      Кстати да, смотришь - вроде все знаешь, сел писать и облом.

    • @TheFryOS
      @TheFryOS 6 лет назад

      А вы выложите?

    • @itgid
      @itgid  6 лет назад

      А выложил уже!

    • @old_gem
      @old_gem 6 лет назад

      На GitHub пустые файлы, посмотрите пожалуйста.

  • @user-vg8cj7ck2q
    @user-vg8cj7ck2q Год назад

    Ленивый говорит, чтобы это все знать нужно годами это задрачивать

  • @user-gt1ky5mn1j
    @user-gt1ky5mn1j 3 года назад

    Спасибо большое