Javascript-форум - document.getElementById

Javascript-форум (https://javascript.ru/forum/)

- jQuery (https://javascript.ru/forum/jquery/)

- - document.getElementById (https://javascript.ru/forum/jquery/74583-document-getelementbyid.html)

document.getElementById

Не выводит на страницу
Это код:

<html>
<head>
<meta charset="utf-8">
<title>Удостоверение</title>
</head>
       <script type="text/javascript">

function create()
{
    var data=document.getElementById("data").value;
    document.getElementById("qrimage").innerHTML="<img src='https://chart.googleapis.com/chart?chs=250x250&cht=qr&chl="+encodeURIComponent(data)+"'/>";

}
{
	var memder=document.getElementById("data").value;
	document.getElementById("memder").innerHTML;
}
</script>
<body>
<table border="1" align="center">
<tr align="center"><td align="center">
<p style="font-size:20px;text-align:center;">Введите адрес:</p>

&nbsp<textarea cols="40" rows="3" id="data"></textarea>
</td></tr>
<tr align="center"><td align="center">
<p style="font-size:20px;text-align:center;">Название ЖБК/ОСББ:</p>
&nbsp<textarea cols="40" rows="3" id="member"></textarea>
</td></tr>
<tr><td align="center">
<div class="button" onclick="create()">Создать</div>
</td></tr>
</table>
<div id="qrimage"></div>
<div id='member'></div>
</body>
</html>

Не пойму в чем ошибка. Данные из первого поля выводит, а из второго нет?

var memder=document.getElementById("data").value

тут будет пусто

document.getElementById("memder").innerHTML;

это что такое?

А как сделать что бы не было пусто, а в <div id='member'></div> появился текст который введен в поле <textarea cols="40" rows="3" id="member"></textarea>

id должно быть уникальным значением!

document.addEventListener("DOMContentLoaded", function(){
   var memder=document.getElementById("data").value;
    document.getElementById("memder").innerHTML = memder;

});

тогда так

Поправил

<script type="text/javascript">

function create()
{
    var data=document.getElementById("data").value;
    document.getElementById("qrimage").innerHTML="<img src='https://chart.googleapis.com/chart?chs=250x250&cht=qr&chl="+encodeURIComponent(data)+"'/>";

	document.addEventListener("DOMContentLoaded", function(){
	   var memder=document.getElementById("data").value;
	    document.getElementById("memder").innerHTML = memder;
	});
}
</script>

Но что-то пошло не так. Попрежнему из первого поля данные выводит, из второго нет.