コードが画像をランダムに選択し、正しい画像をクリックすると別の画像に変わるようにするための最良の方法を知りたい
<html>
<head>
</head>
<body>
<center><table width="75%" border="1">
<tr align="center"><td>
<img src="untitlessd-1.jpg" width="100%" height="50%" name="bilde2" onclick="window.document.bilde2.src='Untitled-1.jpg';"/>
</td>
<td>
<img src="untitled-2.jpg"width="100%" height="50%" name="bilde1" onclick="window.document.bilde1.src='Untitled-1.jpg';"/>
</td>
<td>
<img src="untitled-2.jpg" width="100%" height="50%"name="bilde4" onclick="window.document.bilde4.src='Untitled-1.jpg';"/>
</td><td>
<img src="untitled-2.jpg"width="100%" height="50%" name="bilde3" onclick="window.document.bilde3.src='Untitled-1.jpg';"/>
</td>
</tr>
<tr align="center"><td>
<img src="untitled-2.jpg" width="100%" height="50%" name="bilde5" onclick="window.document.bilde5.src='Untitled-1.jpg';"/>
</td>
<td>
<img src="untitled-2.jpg" width="100%" height="50%"name="bilde6" onclick="window.document.bilde6.src='Untitled-1.jpg';"/>
</td>
<td>
<img src="untitled-2.jpg" width="100%" height="50%"name="bilde7" onclick="window.document.bilde7.src='Untitled-1.jpg';"/>
</td><td>
<img src="untitled-2.jpg" width="100%" height="50%"name="bilde8" onclick="window.document.bilde8.src='Untitled-1.jpg';"/>
</td>
</tr>
</table>
</center>
</body>
</html>