Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="es2015-i18n-tag playground">
<script src="https://npmcdn.com/es2015-i18n-tag/dist/lib/index.umd.min.js"></script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
</body>
</html>
 
// Use UMD build from https://npmcdn.com/es2015-i18n-tag/dist/lib/index.umd.min.js
const { i18n, i18nConfig } = window;
const writeText = () => {
    for(let i = 0; i < 5; i++) {
        const pluralizedEvents = (counter) => {
        switch(counter) {
            case 1:
            return i18n`one event`
            case 2:
            return i18n`${i18n`two`} events`
            default:
            return i18n`${counter} events`
        }
        }
        document.write('<p>')
        document.write(i18n`You have ${pluralizedEvents(i)}`)
        document.write('</p>')
    }
}
// change i18n config at runtime
i18nConfig({
    locales: 'de-DE',    
    translations: {
        "You have ${0}": "Sie haben ${0}",
        "one event": "ein Ereignis",
        "${0} events": "${0} Ereignisse",
        "two": "zwei"
    }
});
writeText();
// change i18n config at runtime
i18nConfig({
    locales: 'en-US',    
    translations: []
});
writeText();
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers