kembali ke pelajaran
Materi ini hanya tersedia dalam bahasa berikut: English, Español, فارسی, Italiano, 日本語, Русский, Türkçe, 简体中文. Tolong, bantu kami menerjemahkan ke dalam Indonesia.

Improved tooltip behavior

pentingnya: 5

Write JavaScript that shows a tooltip over an element with the attribute data-tooltip. The value of this attribute should become the tooltip text.

That’s like the task Perilaku Tooltip, but here the annotated elements can be nested. The most deeply nested tooltip is shown.

Only one tooltip may show up at the same time.

For instance:

<div data-tooltip="Here – is the house interior" id="house">
  <div data-tooltip="Here – is the roof" id="roof"></div>
  <a href="" data-tooltip="Read on…">Hover over me</a>

The result in iframe:

Buka sandbox untuk tugas tersebut.