javascript - 简单的javascript转换为函数

Question

我有一个简单的JavaScript，我在每个页面中都使用它，如果我点击中的loading_input(div)，我想将其变成一个函数并添加一些附加功能>display:block 更改为 display:none

我尝试过，但我没有运气，有人可以指导我让它发挥作用吗..

示例:

<script type="text/javascript">
 document.getElementById("instructor").onchange = function() {
    document.getElementById("loading_input").style.display = "block";
    document.getElementById("instructor").style.color = "#fff";
}
document.getElementById("subject_scheduling").onchange = function() {
    document.getElementById("loading_input").style.display = "block";
    document.getElementById("subject_scheduling").style.color = "#fff";
}

</script>

Answer 1

感谢您的所有建议，它帮助我找到了这个答案。

// To haddle my onchange this is what I come up 
function loading(input_id){
  if(input_id){
    document.getElementById("loading_input").style.display = "block";
    document.getElementById(input_id).style.color = "#fff";
  }
 }

如果我需要在我的页面中使用它。我就是喜欢这样

<input id="sample" onchange="loading('sample')" />

onclick事件

 // this is what I come up to haddle my onclick event 
 function close_and_reload(id){
 if(id){
    document.getElementById(id).style.display = "block";
    window.location.reload();
 }
}