Skip to main content

Boa tarde, preciso retornar um resultado em um input. como faço?

HTML

<div class="form-group">
  <input class="form-control input-lg" type="text" name="cc-number" id="cc-number">
</div>
<div class="form-group">
  <input class="form-control input-lg" name="cc-flag" id="cc-flag" type="text">
</div>

Vou digitar no input cc-number e me retorna o resultado no cc-flag

JAVASCRIPT

<script>
  var input = document.querySelector('input.cc-number')
  var result = document.querySelector('input.cc-flag')

  input.addEventListener('change', onInputChange)
  input.addEventListener('input', onInputChange)

  function onInputChange (e) {
    var cards = CardType.cardType(e.target.value)
    result.innerHTML = JSON.stringify(cards)
 }
  

OBS: Ele funciona corretamente retornando para um DIV. Mas preciso que volte para um INPUT

Boa tarde, preciso retornar um resultado em um input. como faço?

HTML

<div class="form-group">
  <input class="form-control input-lg" type="text" name="cc-number" id="cc-number">
</div>
<div class="form-group">
  <input class="form-control input-lg" name="cc-flag" id="cc-flag" type="text">
</div>

Vou digitar no input cc-number e me retorna o resultado no cc-flag

JAVASCRIPT

<script>
  var input = document.querySelector('input.cc-number')
  var result = document.querySelector('input.cc-flag')

  input.addEventListener('change', onInputChange)
  input.addEventListener('input', onInputChange)

  function onInputChange (e) {
    var cards = CardType.cardType(e.target.value)
    result.innerHTML = JSON.stringify(cards)
 }
 

OBS: Ele funciona corretamente retornando para um DIV. Mas preciso que volte para um INPUT

Boa tarde, preciso retornar um resultado em um input. como faço?

HTML

<div class="form-group">
  <input class="form-control input-lg" type="text" name="cc-number" id="cc-number">
</div>
<div class="form-group">
  <input class="form-control input-lg" name="cc-flag" id="cc-flag" type="text">
</div>

Vou digitar no input cc-number e me retorna o resultado no cc-flag

JAVASCRIPT

var input = document.querySelector('input.cc-number')
var result = document.querySelector('input.cc-flag')

input.addEventListener('change', onInputChange)
input.addEventListener('input', onInputChange)

function onInputChange (e) {
  var cards = CardType.cardType(e.target.value)
  result.innerHTML = JSON.stringify(cards)
}
 

OBS: Ele funciona corretamente retornando para um DIV. Mas preciso que volte para um INPUT

Fonte Link
Betinho Silva
  • 353
  • 1
  • 2
  • 16

Retornar resultado em um input

Boa tarde, preciso retornar um resultado em um input. como faço?

HTML

<div class="form-group">
  <input class="form-control input-lg" type="text" name="cc-number" id="cc-number">
</div>
<div class="form-group">
  <input class="form-control input-lg" name="cc-flag" id="cc-flag" type="text">
</div>

Vou digitar no input cc-number e me retorna o resultado no cc-flag

JAVASCRIPT

<script>
  var input = document.querySelector('input.cc-number')
  var result = document.querySelector('input.cc-flag')

  input.addEventListener('change', onInputChange)
  input.addEventListener('input', onInputChange)

  function onInputChange (e) {
    var cards = CardType.cardType(e.target.value)
    result.innerHTML = JSON.stringify(cards)
 }

OBS: Ele funciona corretamente retornando para um DIV. Mas preciso que volte para um INPUT