想设计一段原生js，点击按钮，打印按钮的内容到输入框，应该怎么写？

比如，我有两个按钮，按钮上的文字分别是a、b。
那么，点击a，输入框中出现a。
再点击b，输入框会在a后面出现b，即ab这样的连续打印，而文字不被覆盖。无论abaaab是什么顺序都根据点击实情打印出来。
先感谢了。

<html>
<head>
<script language="javascript">
function showMe(obj) {
    document.getElementById("kkk").value = obj.value;
}
</script>
</head>

<body>
<input id="kkk" value="" /><br/>
<input type="button" onclick="showMe(this)" value="a" />&nbsp;<input type="button" onclick="showMe(this)" value="b" />
</body>
</html>



<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <button id="aBtn">a</button><button id="bBtn">b</button>
  <input type="text" id="input">
  <script>
    const aBtn = document.getElementById("aBtn");
    const bBtn = document.getElementById("bBtn");

    const  oInput = document.getElementById("input");

    aBtn.onclick = () => {
      oInput.value = oInput.value += 'a';
    }
    bBtn.onclick = () => {
      oInput.value = oInput.value += 'b';
    }
  </script>
</body>
</html>

获取按钮 innerText 然后获取 input,input.value=a+b字符串拼接

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>

  </style>
</head>

<body>
  <button id="a">你好</button>
  <button id="b">JavaScript</button>

  <input type="text" id="text">
</body>
<script>
  let a = document.getElementById("a");
  let b = document.getElementById("b");
  let text = document.getElementById("text");
  // console.log(a,b);
  a.addEventListener('click', function () {
    text.value = a.innerText;
  });

  b.addEventListener('click', function () {
    text.value = text.value += b.innerText;
  });
</script>

</html>

第一步：思路
1、点击事件优先获取输入框的值，2、再获取当前点击按钮的值；3、对输入框进行拼接赋值
第二步：代码
html

<button class="js-a">a</button>
<button class="js-b">b</button>
<input class="js-input" type="text" value="">


var nextTAB = function () {
        //
        $(".js-a").click(function () {
            //优先获取input的值
            var val = $(".js-input").val()
            //再获取a
            var a = $(this).html()
            //赋值
            $(".js-input").val(val+a)
        })
        //
        $(".js-b").click(function () {
            //优先获取input的值
            var val = $(".js-input").val()
            //再获取a
            var b = $(this).html()
            //赋值
            $(".js-input").val(val+b)
        })
    }

亲测有效；对你有帮助麻烦采纳一下噢，更多精彩可以一键三连哈