Skip to main content
adicionou 87 caracteres ao conteúdo
Fonte Link
BrTkCa
  • 11,3mil
  • 3
  • 21
  • 35

Você pode adicionar um evento de click usando como seletor a classe input-group-addon para selecionar a div, e alterar o texto:

document.querySelector('.input-group-addon').addEventListener('click', function(event){
  if (this.innerHTML == 'mEq/L')
    this.innerHTML = 'mmol/L';
  else
    this.innerHTML = 'mEq/L';
});
<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>

Você pode adicionar um evento de click usando como seletor a classe input-group-addon para selecionar a div, e alterar o texto:

document.querySelector('.input-group-addon').addEventListener('click', function(event){
  this.innerHTML = 'mmol/L';
});
<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>

Você pode adicionar um evento de click usando como seletor a classe input-group-addon para selecionar a div, e alterar o texto:

document.querySelector('.input-group-addon').addEventListener('click', function(event){
  if (this.innerHTML == 'mEq/L')
    this.innerHTML = 'mmol/L';
  else
    this.innerHTML = 'mEq/L';
});
<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>

Fonte Link
BrTkCa
  • 11,3mil
  • 3
  • 21
  • 35

Você pode adicionar um evento de click usando como seletor a classe input-group-addon para selecionar a div, e alterar o texto:

document.querySelector('.input-group-addon').addEventListener('click', function(event){
  this.innerHTML = 'mmol/L';
});
<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>