1const rtf = new Intl.RelativeTimeFormat("en", { numeric: "auto" });
2
3console.log(rtf.format(-1, "day")); // Output: yesterday
4console.log(rtf.format(2, "week")); // Output: in 2 weeks
5
6const rtf2 = new Intl.RelativeTimeFormat("it", { style: "short" });
7
8console.log(rtf2.format(3, "quarter")); // Output: tra 3 trim.
9console.log(rtf2.format(-1, "day")); // Output: 1 g fa

1// <button id="one-shot-hero-button">Batman! Help me!</button>
2
3const fakeHeroEl = document.getElementById('one-shot-hero-button');
4fakeHeroEl.addEventListener('click', function(event) {
5  console.log('Call me one time and no more!');
6}, {once: true});
7
8fakeHeroEl.click() // Call me one time and no more!
9fakeHeroEl.click() // 

1.animation {
2  animation: amazing-animation 1s linear infinite both;
3  background-color: red;
4}
5
6/* Change animation to avoid vestibular motion triggers */
7@media (prefers-reduced-motion) { 
8  .animation {
9    animation: accessible-animation 4s linear infinite both; 
10    background-color: green;
11  }
12}

1.animation {
2  animation: amazing-animation 1s linear infinite both;
3  background-color: red;
4}
5/* Change animation to avoid vestibular motion triggers. */
6@media (prefers-reduced-motion) { 	
7  .animation { 	
8    animation: accessible-animation 4s linear infinite both;
9      background-color: green;  
10  } 
11}

1// JS Tip of the Day
2// How to set entire document editable
3
4document.designMode = 'on'; // use it with Developer Tools Console.