使用js写一个摇骰子的功能，骰子要用图片

好的，以下是一个简单的实现：

首先，我们需要准备骰子的图片，假设图片名称为 dice1.png、dice2.png、dice3.png、dice4.png、dice5.png、dice6.png，将这些图片文件放在与HTML文件同一目录下。

接着，我们需要在HTML文件中添加一个用于显示骰子的<img>标签，如下所示：

<img src="dice1.png" id="dice">

然后，在JavaScript文件中，我们可以为页面添加一个按钮，当用户点击该按钮时，就会随机显示一个骰子图片，实现摇骰子的功能。代码如下：

// 获取<img>标签
var dice = document.getElementById("dice");

// 获取按钮
var button = document.getElementById("roll-button");

// 为按钮添加事件监听器
button.addEventListener("click", function() {
  // 随机生成1~6之间的整数
  var randomNumber = Math.floor(Math.random() * 6) + 1;

  // 根据随机数设置骰子图片
  dice.src = "dice" + randomNumber + ".png";
});

以上代码中，我们首先获取了页面中的<img>标签和一个按钮，然后为按钮添加了一个点击事件监听器。当用户点击按钮时，代码会生成一个1~6之间的随机整数，并根据随机数设置骰子图片的src属性，从而实现摇骰子的效果。

注意，以上代码中的按钮和<img>标签的id属性需要与HTML文件中的相对应。