Вызов функции onkeyup innerHTML

#javascript

#javascript

Вопрос:

Как вызвать функцию в

 var aviso = document.getElementById('conteudo')
        aviso.innerHTML = '<p> Favor escolher uma opção </p>'

        function alterarDados(selectObject) {
            var div = document.getElementById('conteudo')
            var value = selectObject.value
            if (value == '1') {
                div.innerHTML = '<h1> Calcular c para f </h1>'
                div.innerHTML  = '<input onkeyup="calcular(' 'c' ')" id="c" type="number" name="c" placeholder="insirir valor de c" ><input onkeyup="calcular(' 'f' ')" id="f" type="number" name="f" placeholder="insirir valor de f" >'
            }

        }
        function cal(tipo) {
            if (tipo === 'c') {
                var c = eval(document.getElementById('c').value)
                var soma = (c*9/5)   32
                document.getElementById('f').value = soma
                console.log(soma)
            }
            if (tipo === 'f') {
                var f = eval(document.getElementById('f').value)
                console.log(f)
                var soma = (f-32) * 5/9
                document.getElementById('c').value = soma
            }
        }
 

Комментарии:

1. Не могли бы вы, пожалуйста, поделиться HTML-кодом aviso?

Ответ №1:

Попробуйте определить свою onkeyup функцию следующим образом

onkeyup="calcular('c')"

Надеюсь, это сработает для вас.

Рабочий пример

 var aviso = document.getElementById("conteudo");
aviso.innerHTML = "<p> Favor escolher uma opção </p>";

function alterarDados(selectObject) {
  var div = document.getElementById("conteudo");
  var value = selectObject.value;
  if (value == "1") {
    div.innerHTML = "<h1> Calcular c para f </h1>";
    div.innerHTML  =
      '<input onkeyup="calcular('c')" id="c" type="number" name="c" placeholder="insirir valor de c" >' 
        '<input onkeyup="calcular('f')" id="f" type="number" name="f" placeholder="insirir valor de f" >';
  }
}
function calcular(tipo) {
  console.log(tipo);
  if (tipo === "c") {
    var c = eval(document.getElementById("c").value);
    var soma = (c * 9) / 5   32;
    document.getElementById("f").value = soma;
    console.log(soma);
  }
  if (tipo === "f") {
    var f = eval(document.getElementById("f").value);
    console.log(f);
    var soma = ((f - 32) * 5) / 9;
    document.getElementById("c").value = soma;
  }
} 
 <div id="conteudo"></div>
<button onclick="alterarDados( { value: '1' })">alterarDados</button>