title: HTML element dynamic
body: <p>I made a input number field and want to dynamic render the value of this in the container without reloading the page. I'm using ajax for this but I still have to reload the page.</p>
  <p>HTML:</p>
  <pre><code>        &lt;form method=&quot;post&quot;&gt;
              &lt;div class=&quot;main&quot;&gt;
                  &lt;label for=&quot;numb&quot;&gt;Parcour&lt;/label&gt;&lt;br&gt;&lt;br&gt;
                  &lt;input type=&quot;number&quot; id=&quot;numb&quot; min=&quot;1&quot;&gt;
              &lt;/div&gt;
              &lt;div class=&quot;main&quot; style=&quot;display: block;&quot;&gt;
                  &lt;section id=&quot;erstellen&quot;&gt;
                      
                  &lt;/section&gt;
              &lt;/div&gt;
          &lt;/form&gt;
  </code></pre>
  <p>js:</p>
  <pre><code>    const xhr = new XMLHttpRequest();
      xhr.open(&quot;POST&quot;,&quot;dynamisch_ajax.html&quot;, true);
  
      xhr.onload = () =&gt; {
          if(xhr.status === 200)
          {
              $('#erstellen').html($('#numb').val())
          } else {
              alert('Irgendetwas past nicht')
          }
      }
  
      xhr.send();
  </code></pre>