создать функцию в JavaScript с Electronjs?

Question

Я написал функцию в моем файле main.js, которая генерировала бы некоторый результат нажатием кнопки в диапазоне абзаца.Но это невозможно с параграфом, скорее это работает с текстовым полем ввода типа?

я пробовал другой идентификатор для того же, но он не работает

    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' из неопределенного