单击时调用填​​充载波文本区域的函数

Question

我有 JS，旨在创建一个填充载波文本字段的函数，然后在单击时调用该函数。出于某种原因，我的代码不起作用。我已经四处寻找类似的问题，但没有解决方案。这是我的代码：

HTML:

  <div id="quote" class="quote"> 
    <div class="field">
      <textarea  placeholder="Enter text..." class="textarea" rows="4" cols="70"  <%= f.text_area :quote %> 

        <a id="randomQuote" class="random_quote">Populate Text Area</a>
    </div>
  </div>

JS：

function populateQuote(){
document.getElementById("#new_tile_quote")[0].value = "TESTING";
}


var quoteButton =document.getElementById('randomQuote');
        quoteButton.addEventListener('click', function (){
            populateQuote();
  });

谢谢！

Answer 1

function populateQuote(){
document.getElementById("new_tile_quote").value = "TESTING";
}


var quoteButton =document.getElementById('randomQuote');
        quoteButton.addEventListener('click', function (){
            populateQuote();
  });

  <div id="quote" class="quote"> 
    <div class="field">
      <textarea  placeholder="Enter text..." class="textarea" rows="4" cols="70"> 
</textarea>
      <br/>
        <a id="randomQuote" class="random_quote">Populate Text Area</a>
    </div>
  </div>

New quote: <input id="new_tile_quote" />