getElementByID返回null，但console.log可以正常工作

Question

我正在学习HTML / Javascript，并且正在编写一些简单的函数。我使用console.log返回一个元素，但是在同一函数中，它返回正常，当我尝试使用getElementById（）时，我在控制台中收到一条错误消息，指出该值为null。您能帮我了解问题在哪里吗？

function calculateProfict() {
   var consumoW_H = 2960;
   var consumoW_D = 2960 * 24 * 0.001; 
   var prezzoElettricita = 0.22;
   var consumoElettricita_D = consumoW_D * prezzoElettricita;
   var valore_BTC = 12.5;
   var valore_BTC_D = 144 * valore_BTC;
   var hashrateGlobal = 100000000
   var networkHashratePercentage = document.getElementById("networkHashrate").innerHTML/hashrateGlobal;
   var BTC_D = networkHashratePercentage * valore_BTC_D;
   var euroBTC_D = BTC_D * 6471.90;
   var guadagno = euroBTC_D - consumoElettricita_D;
   console.log(guadagno) //Return -15.62
   document.getElementById("guadagno").innerHTML = guadagno; //null is not an object

}

我也尝试使用.value（我不知道它是否正确），但是我收到了相同的错误。我的观点是为什么我可以使用console.log而不使用document.getElementById？谢谢大家，新年快乐