创建动态推文按钮

Question

因此，每次用户点击newQuoteBtn并更改quoteHere的值时，我都会尝试创建新的推文按钮。在推文按钮中，我尝试将data-text更改为quoteHere的值，但我得到的是“文档”这个词我正在使用this方法。我做错了什么？

<script>
    function newQoute() {
      var randomQ = Math.floor(Math.random() * quoteArr.length);
      document.getElementById('qouteHere').innerHTML = quoteArr[randomQ];
    }
</script>

  <div class="qoutediv container-fluid">
    <p id="qouteHere">
      qoute
    </p>
  </div>

<button id="newQuoteBtn" type="button" class="btn btn-primary" onclick="newQoute()">New Qoute</button>


<div id="tweetBtn">
      <a class="twitter-share-button" href="http://twitter.com/share" data-url="http://test.com" data-text="REPLACEME">Tweet</a>
      <script>
        ! function(d, s, id) {
          var js, fjs = d.getElementsByTagName(s)[0];
          if (!d.getElementById(id)) {
            js = d.createElement(s);
            js.id = id;
            js.src = "//platform.twitter.com/widgets.js";
            fjs.parentNode.insertBefore(js, fjs);
          }
        }(document, "script", "twitter-wjs");
      </script>
    </div>
  </div>

  <script>
    $('#newQuoteBtn').on('click', function(ev) {
      ev.preventDefault();
      // Remove existing iframe
      $('#tweetBtn iframe').remove();
      // Generate new markup
      var tweetBtn = $('<a></a>')
        .addClass('twitter-share-button')
        .attr('href', 'http://twitter.com/share')
        .attr('data-url', 'http://test.com')
        .attr('data-text', $('#qouteHere').val());
      $('#tweetBtn').append(tweetBtn);
      twttr.widgets.load();
    });
  </script>