编写一段JavaScript脚本代码，要求： （1）用构造函数的方式创建一个矩形对象，矩形对象中要求至少包含长、宽两个实例成员（如属性width和height）； （2）用构造函数的原型属性（prototype）为该矩形对象添加一个计算面积的成员方法（如方法rectArea）。 （3）用户需要在网页中通过输入框输入矩形的长和宽（设定为大于0的正整数即可），点击“计算面积”按钮可在网页中显示出正确的面积计算结果。 网页页面如下图所示： image.png

好的，以下是符合要求的JavaScript脚本代码：

// 构造函数创建矩形对象
function Rectangle(width, height) {
  this.width = width;
  this.height = height;
}

// 在构造函数原型属性上添加计算面积方法
Rectangle.prototype.rectArea = function() {
  return this.width * this.height;
}

// 获取输入框和按钮元素
const widthInput = document.getElementById('width');
const heightInput = document.getElementById('height');
const calcBtn = document.getElementById('calc');

// 监听计算按钮点击事件
calcBtn.addEventListener('click', function() {
  // 获取输入框中的值并转换为数字类型
  const width = parseInt(widthInput.value);
  const height = parseInt(heightInput.value);
  
  // 如果输入的值不符合要求，提示用户重新输入
  if (!width || !height || width <= 0 || height <= 0) {
    alert('请输入大于0的正整数！');
    return;
  }
  
  // 创建矩形对象并计算面积
  const rect = new Rectangle(width, height);
  const area = rect.rectArea();
  
  // 在页面中显示结果
  const resultDiv = document.getElementById('result');
  resultDiv.innerHTML = `矩形的面积为：${area}`;
});

注意：为了方便测试，我在代码中直接获取了输入框和按钮元素，并监听了按钮的点击事件。实际应用中，应该在页面加载完成后再获取元素，并且添加事件监听器应该使用事件委托方式，而不是为每个按钮单独添加事件监听器。