Javascript-显示为NaN且对象未定义的数字

我正在尝试为我们使用的程序制作一个注释生成器，但我对数字有一个问题。当我使用下面的代码块进行计算后，我最初得到了未定义的

对象

：

totalPages=toString（totalPages）；
pagesLeft=toString（pagesLeft）；
pph=toString（pph）；
小时=toString（小时）；
分钟=toString（分钟）；
weekTG=toString（weekTG）；

然后，当我从HTML输入中获取值时，我尝试使用

Number

函数：

var totalPages = document.getElementById("totalPages");
var startPage = document.getElementById("startPage");
var endPage = document.getElementById("endPage");
totalPages = Number(totalPages);
startPage = Number(startPage);
endPage = Number(endPage);

当我使用上述方法时，我得到了

NaN

。我也尝试过使用

parseFloat

，但没有成功。能给我一些帮助吗？如果您想进一步查看我的代码，可以查看

script.js

。

---

输出当前在控制台中，只是为了消除将来的任何混淆。

totalPages

，

startPage

和

endPage

是元素本身，您必须从中获取

值（如果元素为输入）或
textContent
（如果元素不是输入）：

var totalPages = document.getElementById("totalPages").value;
var startPage = document.getElementById("startPage").value;
var endPage = document.getElementById("endPage").value;

当您试图对非数值执行数学运算时，会出现NaN。谢谢！这确实对console.log有所帮助。编辑：再次感谢，console.log只是我在测试输出。我现在把它发布到innerHTML，非常感谢@Mamum，再次感谢您提供的
textContext
参考，因为这回答了我关于复制和粘贴的问题。