What is wrong with my code??????
Could you please provide me with the code, and if possible, also the error message, to better help me figure out what's wrong with your code.
```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);
    });
});
```
It seems that you are trying to change the text value of the elements inText and outText, however you using the reference to the elements, instead of the reference to their text.
To solve it, replace the line in inText input event with:
```javascript
outText.value = btoa(inText.value);
```
and replace the line in outText input event with
```javascript
inText.value = atob(outText.value);
```