「JavaScript
document.addeventlistener（ "domcontentloaded"、function（event）{
    // #inおよび#out textareasを取得します
    var intext = document.getElementById（ 'in'）;
    var outtext = document.getElementById（ 'out'）;
    // #in textareaが変更されたら、#outextareaを更新します
    intext.addeventlistener（ 'input'、function（）{
        outtext = btoa（intext）;
    }）;
    // #outextareaが変更されたら、#in textareaを更新します
    outtext.addeventlistener（ 'input'、function（）{
        intext = atob（outtext）;
    }）;
}）;
`` `
```javascript
document.addEventListener("DOMContentLoaded", function(event) {
    // get #in and #out textareas
    var inText = document.getElementById('in');
    var outText = document.getElementById('out');
    // when #in textarea is changed, update #out textarea
    inText.addEventListener('input', function() {
        outText = btoa(inText);
    });
    // when #out textarea is changed, update #in textarea
    outText.addEventListener('input', function() {
        inText = atob(outText);
    });
});
```