用electronjs在javascript中创建函数？

Question

我在main.js文件中编写了一个函数，该函数会在段落范围内单击按钮时产生一些结果。但是段落无法实现，而是可以与输入类型的文本框一起使用？

我尝试使用相同的其他ID，但无法正常工作

    const {app, BrowserWindow,Menu} = require('electron')
app.on('ready',function(){

  mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true
    }
  });

  mainWindow.loadFile('measure.html');
  area();
});


function area() {

  var height = parseInt(document.getElementById('height').value);
  var width = parseInt(document.getElementById('width').value);
  if (height == "")
      height = 0;
  if (width == "")
      width = 0;
  var result = parseInt(height) * parseInt(width);
   if (!isNaN(result)) {
     document.getElementById('result').value = result;
  }
}

app.on('ready', createWindow)

应用在加载期间抛出错误 TypeError：无法读取未定义的属性“ on”