Как вставить текст в поле из другого окна?
 

Есть такой код. По нажатию на div в textarea вставляется :super:.
Как можно осуществить подобное из другого окна (другой страницы)?
Все страницы находятся на одном домене, в одной папке.

localStorage.

<script>
window.addEventListener('storage', function(event){
  console.log(event);
  document.body.insertAdjacentHTML('afterbegin', 
    '<div>На странице "' + event.url + 
    '" в '  + event.storageArea + 
    ' ключу "' + event.key + 
    '" установлено значение "' + event.newValue + 
    '".</div>'
  );
  localStorage.removeItem(event.key); //не засоряем ls примеров
}, false);
</script>

<input type="text" value="some value"> 
<input type="button" onclick="
  localStorage.setItem('ls example ' + Math.random(), previousElementSibling.value);
" value="write">

Спасибо, а как теперь вставить всё это в textarea?
Т.е. я хочу заменить

document.body

на textarea.

<textarea cols="85" rows="20" name="post_message" id="post_message">

useruser, а как вы это делаете обычно?

Как то так

document.getElementById(\'post_message\').value

useruser, и что вам мешает поступать тут также?

Код не работает

document.getElementById('post_message').value.insertAdjacentHTML

useruser, может вам рано писать такой код? Почитайте основы javascript, или хотябы загуглите что такое .value, а что такое .insertAdjacentHTML .
Это просто не серьёзно.

Загуглил, изменил код

<script>
window.addEventListener('storage', function(event){
  console.log(event);
  document.getElementById ('post_message').insertAdjacentHTML('beforeend', 
  event.newValue
  );
  localStorage.removeItem(event.key); //не засоряем ls примеров
}, false);
</script>

В результате вставляет значение в post_message только если там ничего нет. Если там что-то есть - не вставляет.

Ну ёксель-моксель.:(

document.getElementById('post_message').value += event.newValue