Back to Multilingual Demo
Multilingual Examples
Write hyperscript in your native language using native idioms
Language:
English
Japanese
Korean
Spanish
Portuguese
Chinese
Arabic
Turkish
French
German
Indonesian
Quechua
Swahili
Counter
Increment and decrement values
Code:
SVO
Copy
on click increment #counter-value
Live Demo:
Decrease
0
Increase
Reset
View in all 13 languages
Toggle Class
Add and remove CSS classes
Code:
SVO
Copy
on click toggle .active on me
Live Demo:
Click to toggle
View in all 13 languages
Input Mirror
Mirror input values in real-time
Code:
SVO
Copy
on input put my value into #mirror-output
Live Demo:
→
View in all 13 languages
Tabs Navigation
Multi-element coordination
Code:
SVO
Copy
on click remove .active from .tab-btn then add .active to me
Live Demo:
Tab 1
Tab 2
Tab 3
Content for Tab 1. This demonstrates multi-element coordination.
Content for Tab 2. The code removes .active from all tabs, then adds it to the clicked one.
Content for Tab 3. This pattern is common in UI frameworks.
View in all 13 languages
Word Order Legend
SVO
Subject-Verb-Object
English, Spanish, Chinese, French, German, Portuguese, Indonesian, Swahili
SOV
Subject-Object-Verb
Japanese, Korean, Turkish, Quechua
VSO
Verb-Subject-Object
Arabic