Bom dia!!!

Estou criando um código que crie todas a possibilidades com valores inteiros preenchidos nos campos, ou que estão *vazios*, fui fazer teste para cada campo que eu acrescento no meu *html*, e cada campo que eu coloco, dobrava o numero de condições para verificar se os campos estão vazios ou preenchidos. Até o momento estou usando *3* campos para gerar as possibilidades.
Gostaria de criar algum método que não fique com o código muito grande.

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    function gerar() {
      n1 = document.getElementById("n1").value;
      n2 = document.getElementById("n2").value;
      n3 = document.getElementById("n3").value;
      resultado = "";
      //Gera combinações de numeros somente com numeros que falta para completar:

      if (n1 == "" && n2 == "" && n3 == "") {
        for (i = 0; i < 10; i++) {
          for (j = 0; j < 10; j++) {
            for (k = 0; k < 10; k++) {
              resultado += i + "-" + j + "-" + k + "<br>";
            }
          }
        }
      } else if (n1 == "" && n2 == "" && n3 != "") {
        for (i = 0; i < 10; i++) {
          for (j = 0; j < 10; j++) {
            resultado += i + "-" + j + "-" + n3 + "<br>";
          }
        }
      } else if (n1 == "" && n2 != "" && n3 == "") {
        for (i = 0; i < 10; i++) {
          for (j = 0; j < 10; j++) {
            resultado += i + "-" + n2 + "-" + j + "<br>";
          }
        }
      } else if (n1 == "" && n2 != "" && n3 != "") {
        for (i = 0; i < 10; i++) {
          resultado += i + "-" + n2 + "-" + n3 + "<br>";
        }
      } else if (n1 != "" && n2 == "" && n3 == "") {
        for (i = 0; i < 10; i++) {
          for (j = 0; j < 10; j++) {
            resultado += n1 + "-" + i + "-" + j + "<br>";
          }
        }
      } else if (n1 != "" && n2 != "" && n3 == "") {
        for (i = 0; i < 10; i++) {
          resultado += n1 + "-" + n2 + "-" + i + "<br>";
        }
      } else {
        resultado += n1 + "-" + n2 + "-" + n3 + "<br>";
      }
      document.getElementById("resultado").innerHTML = resultado;
    }

<!-- language: lang-css -->

    input {
      width: 25px;
      text-align: center;
    }

<!-- language: lang-html -->

    <!DOCTYPE html>
    <html>

    <head>
      <title>Placas</title>
      <meta charset="UTF-8">
    </head>

    <body>
      <input type="number" id="n1" value=""> -
      <input type="number" id="n2" value=""> -
      <input type="number" id="n3" value="">
      <button onclick="gerar()">Gerar</button>
      <div id="resultado"></div>
    </body>

    </html>

<!-- end snippet -->