[skwz]

Изначально не так поставил вопрос потому что не додумался что не будет работать несколько input-ов с таким кодом, или для каждого input'а прописывать свой индивидуальный id и применять этот код? или же есть способ проще?

<script>
window.addEventListener('DOMContentLoaded', function() {
   var input = document.querySelector('.test');
    input.addEventListener('input', function(e){
        this.classList[ this.value?'add':'remove']('green');
    });
   });
</script>

<style type="text/css">
   .green{
      border: 5px solid #008000;
   }
</style>

Input1:
<input id="my_input" class="test">

Input2:
<input id="my_input" class="test">

Input3:
<input id="my_input" class="test">