Não estou conseguindo multiplicar minha variável

Estou no começo do curso de Lógica de programação e hoje tentei escrever um código pra saber a quantidade de ingredientes que preciso para fazer panquecas, eu sei que é besta, no final dele tentei multiplicar a variável panqueca por 2 para ver se os ingredientes também multiplicariam, porém aparece somente NaN, o que posso fazer para resolver isso?

<meta charset="UTF-8">

<script>

    function exibe (texto) {

        document.write (texto);
        proxLinha ();

    }

    function proxLinha () {

        document.write ("<br>");

    }

    function pulaLinha () {

        document.write ("<br><br>");

    }

var numeroLeite = 1;
var leite = ( numeroLeite + " xícara de chá de leite integral, ");

var numeroOvos = 2;
var ovos = ( numeroOvos + " ovos, ");

var numeroOleo = 4;
var oleo = (numeroOleo + " colheres de sopa de óleo, ");

var numeroSal = 1;
var sal = (numeroSal + " colher de chá de sal e ");

var numeroTrigo = 1.5;
var trigo = numeroTrigo + " xícara de farinha de trigo."

var panqueca = leite + ovos + oleo + sal + trigo



exibe (panqueca)
exibe ( 2 * (panqueca))

</script>