Você pode adicionar um evento de [click][1] usando como seletor a classe `input-group-addon` para selecionar a `div`, e alterar o texto: <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> document.querySelector('.input-group-addon').addEventListener('click', function(event){ if (this.innerHTML == 'mEq/L') this.innerHTML = 'mmol/L'; else this.innerHTML = 'mEq/L'; }); <!-- language: lang-html --> <div class="col-lg-2 target" id="cread1nd"> <div style="width: 150px;" class="input-group "> <input type="text" placeholder="00.00" name="cread1" class="form-control" min="0" max="15" /> <div style="background: #E0E1E2;" class="input-group-addon">mEq/L</div> </div> </div> <!-- end snippet --> [1]: https://developer.mozilla.org/en-US/docs/Web/Events/click