Lompat menuju konten

State of HTML 2023

Interaktivitas

API yang memungkinkan interaksi pengguna yang lebih kaya.

Interactivity Experience & Sentiment

Kelompokkan berdasarkan:

Urutkan berdasarkan:

1

3.7%
15,716
2

15,768
3

3.2%
15,584
4

15,625
5

3.7%
15,615

Pengalaman

  • <span aria-hidden="true">🤓</span> Sudah pakai: Responden yang sudah pakai.
  • <span aria-hidden="true">👀</span> Pernah dengar: Responden yang sudah dengar, tetapi belum pernah pakai.
  • <span aria-hidden="true">🤷</span> Belum pernah dengar: Responden yang belum pernah dengar.

Sentimen

  • Positif: Responden yang tertarik untuk belajar tentang sebuah teknologi; atau yang ingin menggunakannya lagi.
  • Netral: Responden yang tidak memiliki sentimen akan sebuah teknologi.
  • Negatif: Responden yang tidak tertarik untuk belajar tentang sebuah teknologi; atau yang sudah pernah pakai dan memiliki pengalaman negatif.
“Used” average:1%
“Positive” average:1%
“Negative” average:0.1%

Metode-metode DOM terkait atribut

0%
17%
35%
52%
70%
87%
1

element.classList

13,597
2

element.toggleAttribute(name, force)

8,026
3

element.getAttributeNames()

8,006
4

Tidak ada

1,203
0%
17%
35%
52%
70%
87%
% dari pertanyaan responden
15,576
75%
Yang mana saja kah dari metode-metode DOM yang terkait dengan atribut berikut yang pernah anda gunakan?

Fitur-fitur HTML

0%
19%
39%
58%
77%
97%
1

element.innerHTML

15,088
2

element.outerHTML

9,416
3

4,408
4

3,201
5

Tidak ada

452
0%
19%
39%
58%
77%
97%
% dari pertanyaan responden
15,614
75%
Yang mana saja kah dari fitur-fitur DOM HTML penanganan string berikut yang pernah anda gunakan?

Metode-metode DOM Memindah Elemen

0%
16%
32%
48%
64%
79%
1

11,967
2

6,935
3

4,932
4

4,867
5

3,899
6

3,897
7

Tidak ada

2,172
0%
16%
32%
48%
64%
79%
% dari pertanyaan responden
15,063
72%
Yang mana saja kah dari metode-metode DOM pemindah elemen berikut yang pernah anda gunakan?

Metode-metode Interaktivitas

0%
18%
36%
53%
71%
89%
1

vanilla_js

13,921
2

js_framework

13,744
3

css_for_interactivity

13,211
4

js_dom_libraries

11,620
5

5,308
6

Tidak ada

62
0%
18%
36%
53%
71%
89%
% dari pertanyaan responden
15,640
75%
Methode-metoda mana saja yang pernah anda pakai untuk menambah interaktivitas atau memodifikasi HTML secara dinamis?

Titik Sakit Interaktivitas

Ketidakcocokan atau kurangnya dukungan antar browser, fitur yang kurang, dan masalah-masalah lainnya yang anda hadapi terkait dengan elemen dan perilaku interaktif (kecuali form), manipulasi DOM, events, dan API-API yang terkait.

0%
21%
42%
63%
84%
105%
1

Browser support

2

DOM manipulation

3

Reliance on JavaScript

4

Event management

5

6

Accessibility

7

State management

8

Reactivity

9

Excessive complexity

10

Performance

11

Lainnya

Jawaban yang cocok dengan “Lainnya” 2,536
0%
21%
42%
63%
84%
105%
% dari pertanyaan responden
2,402
11%
Apa saja titik sakit anda terkait perubahan dinamis dalam HTML?
(Pertanyaan bebas)

Rekomendasi Sumber

Vanilla JS: You Might Not Need a Framework
Maximiliano Firtman

Vanilla JS: You Might Not Need a Framework

See how you can build rich web apps and websites without depending on libraries or frameworks, using only the core JavaScript language. You'll
Terima kasih kepada semua Mitra yang telah mendukung Kami! Pelajari lebih lanjut.