Javascript 在输入中插入文本的多个按钮

我正在尝试为我们最常见的搜索设置一个带有搜索值的按钮。我试图做的是用户点击按钮并插入带有引号的文本“sometext”

现在这是我用的一个按钮。我该如何做才能使用一个脚本和多个按钮

  <button onclick="searchText()" data-product-name="iPhone 12 Pro">iPhone 12 Pro Max</button> <----Current Button

<button onclick="searchText()" data-product-name="Pixel 5">Pixel</button> <---- Added for what Id like
<button onclick="searchText()" data-product-name="LG">LG</button><---- Added for what Id like
<button onclick="searchText()" data-product-name="Samsung S20 Plus">Samsung S20 Plus</button><---- Added for what Id like

  <script>
  var i = 0;
  var txt = '"iPhone 12 Pro Max"';
  var speed = 50;

  function searchText() {
    if (i < txt.length) {
      document.getElementById("search-query").value += txt.charAt(i);
      i++;
      setTimeout(typeWriter, speed);
    }
  }
  </script>

---

您可以将按钮的id传递给searchText。 并使用jquery或纯js阅读文本

   <!--html --->
   <button onclick="searchText('buttonOne')" id= "buttonOne" data-product-name="Samsung S20 Plus">Samsung S20 Plus</button><---- Added for what Id like

   // javascript
   function(buttonId){
        var text = document.getElementById(buttonId).innerHTML
        // process the text with your business logic here
   }

三星S20 Plus
var i=0；
var txt=“‘iPhone 12 Pro Max’”；
无功转速=50；
var elements=document.querySelectorAll（'按钮'）
for（设i=0；i

iphone12promax
像素
LG
三星S20 Plus
   <!--html --->
   <button onclick="searchText('buttonOne')" id= "buttonOne" data-product-name="Samsung S20 Plus">Samsung S20 Plus</button><---- Added for what Id like

   // javascript
   function(buttonId){
        var text = document.getElementById(buttonId).innerHTML
        // process the text with your business logic here
   }