ساخت تگ دکمه با استفاده از توابع خروجی

<body>
  <div id="demo">div>
  <script>
   document.getElementById("demo").innerHTML="getElementById";
   document.write("write ");
  script>
  body>

در این مثال با استفاده از تابع getElementById تگی که id آن demo هست شناسایی می‌شود و داخل آن یک دکمه ایجاد می‌شود و با استفاده از تابع write تگ دکمه در صفحه ایجاد می‌گردد.ولی من با سایر توابع نتونستم این کار رو انجام بدهم.ممنون می‌شوم راهنمایی کنید.

<body> <div id="demo">div> <script> var demoDiv = document.getElementById("demo"); var button = document.createElement("button"); button.innerHTML = "کلیک کنید"; demoDiv.appendChild(button); script> body>