我做了一个作业，最后得到了正确的代码：
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<title>Assignment 2</title>
<script type="text/javascript">
var imageURLs = [
"p1.jpg"
, "p2.jpg"
, "p3.jpg"
, "p4.jpg"
];
function getImageTag() {
var img = '<img src=\"';
var randomIndex = Math.floor(Math.random() * imageURLs.length);
img += imageURLs[randomIndex];
img += '\" alt=\"Some alt text\"/>';
return img;
}
$(document).ready(function() {
$("img").on("click", function(event) {
var x = event.pageX - this.offsetLeft;
var y = event.pageY - this.offsetTop;
alert("X Coordinate: " + x + " Y Coordinate: " + y);
});
});
</script>
</head>
<body>
<script type="text/javascript">
document.write(getImageTag());
</script>
</body>
</html>现在下一个任务是：通过创建两个PHP脚本，向任务1B添加一些验证。
第一个PHP脚本，它将创建一个HTML文档，其中包含随机选择的img标记。HTML文档将包含一个表单，用于存储数据并将数据（单击坐标）发送到第二个（处理程序）脚本。
第二个PHP脚本是处理程序，它将检查提交的坐标和答案。如果点击距离答案不超过10像素，则向用户显示祝贺消息，否则计算他们离答案的距离。您还应该显示用户发送答案所用的秒数。
提示：第一个脚本需要向第二个脚本发送数据，即当前时间戳和一个表示向用户呈现哪个图像的值。第一个脚本可以使用隐藏的输入字段将此数据发送到第二个脚本。
接下来是：
Image and Answer Data
$puzzles = array (
array( 'src' => "http://307.myweb.cs.uwindsor.ca/samples/wheres_waldo/pics/p2.jpg",
'x' => 235,
'y' => 389),
array( 'src' => "http://307.myweb.cs.uwindsor.ca/samples/wheres_waldo/pics/p3.jpg",
'x' => 437,
'y' => 221),
array( 'src' => "http://307.myweb.cs.uwindsor.ca/samples/wheres_waldo/pics/p4.jpg",
'x' => 469,
'y' => 110),
);我不知道他们竟然要我，我很困惑，如果有人能帮我，那将不胜感激！
最佳答案
我想他们是这么问的：
脚本1-显示一个随机图像，当用户点击一个图像时，发送坐标和自拼图开始以来花费的时间。提示是使用表单字段。所以你需要创建一个隐藏输入字段的表单当用户单击图像时，设置这些字段的值（时间、坐标、图像名称等）并提交表单。表单需要由脚本2处理。
脚本2-决定是否应该向用户显示win、lose或try again消息，并将此回复转发给用户。
关于javascript - PHP的形式发送到处理程序，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34868926/