JavaScript代码实现单击按钮，将复制页面第一幅图片并将其添加为body的最后一个子元素

可以使用以下的JavaScript代码实现该功能：

// 获取页面第一幅图片
var firstImage = document.querySelector('img:first-of-type');

// 创建一个新的图片元素
var newImage = document.createElement('img');

// 将新图片元素的src属性设置为第一幅图片的src属性
newImage.src = firstImage.src;

// 将新图片元素添加为body的最后一个子元素
document.body.appendChild(newImage);

// 创建一个按钮元素
var button = document.createElement('button');

// 设置按钮的文本内容
button.textContent = '复制图片';

// 将按钮添加为body的最后一个子元素
document.body.appendChild(button);

// 添加按钮的点击事件监听器
button.addEventListener('click', function() {
  // 创建一个新的图片元素
  var copiedImage = document.createElement('img');

  // 将新图片元素的src属性设置为第一幅图片的src属性
  copiedImage.src = firstImage.src;

  // 将新图片元素添加为body的最后一个子元素
  document.body.appendChild(copiedImage);
});

当用户单击按钮时，会创建一个新的图片元素，并将其添加为body的最后一个子元素，从而复制页面第一幅图片。