当我从按钮调用它时，通过参数将对象发送到另一个函数

Question

我是 Javascript 的新手，我对执行顺序有一些疑问。

我有一个搜索按钮，当我按下它时，我运行 Search() 功能。在这个函数中，我处理了一些数据，我将这些数据保存在变量 'data' 中。但是，我想将这些数据作为参数发送到 other() 函数，但是当我运行和 HTML 时，首先执行 'other' 到 'search'：

<div class="btn" onclick="selected()">Select</div>

...

<script>
  function selected(){
      data = some stuff...
  }
  other(data)
<script>

只有在输入 select 按钮时，如何才能使运行以外的功能？

我试过这样做，但它没有正常工作：

<div class="btn" onclick="selected()">Select</div>

...

<script>
  function selected(){
      data = some stuff...
      other(data)
  }      
<script>

Answer 1

试试这个

  function selected(){
    var  data = document.getElementById("in").value;
    console.log(data);
    other(data);
      
  }      
function other(data1){
console.log(data1);

}

<input type="text" style="padding:10px;width:100%" value="default" id="in">
<div class="btn" style="padding:10px; background:green;color:white;" onclick="selected()">Select</div>

当我从按钮调用它时，通过参数将对象发送到另一个函数

Send an object by parameter to another function when I call it from a button

html

javascript

onclick

order-of-execution