Как добавить простой tooltip при клике?

Question

[art style]

<button class="copybtn" data-tooltip="скопировано" type="button">текст</button>

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

Answer 1

[Максим]

Если через css то можно так : https://codepen.io/topicstarter/pen/vYOoWQb
Если через javascript то так: https://codepen.io/topicstarter/pen/NWqQyXL
Несколько кнопок js: https://codepen.io/topicstarter/pen/MWagJBy

Вообще если в ответе не получили что то нужное достаточно уточнить в комментарии ..

Answer 2

[historydev]

setData

document.querySelector('.myItem').setData('tooltip', 'myvalue')

Comments

[art style]

потратил 30 минут. не непонятно

[art style]

блин неужели нет дефолтного решения на html/css. уж для такой простой срани могло бы быть

[historydev]

art style,

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

document.querySelector('.myItem').setData('tooltip', 'myvalue') // Add data attribute for .myItem

блин неужели нет дефолтного решения на html/css. уж для такой простой срани могло бы быть

[art style]

Владимир, ну да. я так то понимаю что это через JS делается, но в глубине души надеюсь что такие простые вещи должны быть и в html

[historydev]

art style, ВЫ задали вопрос по js, в тегах JS, а хотите ответ на html и css, у вас всё хорошо?

[art style]

Владимир, задал вопрос в JS и хочу ответ в JS. пока внятный ответ не получил, а это так, чисто комментарии