大写字母测试作业

在下一个作业中，你将构建一个网页，实现一个首都城市测验。您将使用我提供的后端服务器赢博体育程序来为测试提供问题。测验包括五个问题。对于每个问题，您将向用户显示一个首都城市的名称，并要求他们从六个选项列表中选择该城市所在的国家。当用户回答了这五个问题中的每一个时，您的页面将把他们的回答发布到后端服务器，在那里他们将被制表。当测试结束时，您将要求服务器向您发送当前测试排行榜以供您显示。

细节

下面是该作业的一些更具体的要求。

• 您将构建一个包含三个div的网页。开始时，第一个div将是可见的，其他两个将被隐藏。
• 第一个div将显示一个文本字段，用户可以在其中输入他们的LU ID号以及开始测试的按钮。只有注册了这门课的学生才能参加测试。
• 当用户单击按钮开始测试时，您应该将他们的ID号保存在一个全局变量中，然后向服务器发送请求以获取第一个问题。
• 当第一个问题从服务器返回时，您应该隐藏第一个div并显示第二个div。
• 第二个div将显示发送给您的服务器的城市名称和6个按钮。按钮将显示服务器发送给您的六个国家的名称。
• 要回答问题，用户将点击六个国家按钮中的一个。当他们点击一个按钮时，您应该将他们的响应发送回服务器并获取下一个问题。
• 一旦用户回答了五个问题，你应该从服务器获取排行榜，隐藏第二个div，并显示第三个div。
• 第三部分将显示当前测试的排行榜。

服务器交互

要从服务器获取问题，您应该向URL发送一个GET请求

http://cmsc106.net/capitals/questions

您可以在浏览器中输入此URL，以查看服务器将作为响应发送给您的对象的结构。

要将用户的答案发送回服务器，需要向URL发送POST请求

http://cmsc106.net/capitals/responses

POST应该包含一个具有以下属性的对象：

财产	描述
学生	参加测试的人的LU ID
城市	题目中给出了首都的名字
国家	他们猜出了这个国家的名字

要获取排行榜的测验，你应该发送一个GET请求的URL

http://cmsc106.net/capitals/leaders

这个GET请求将返回一个对象数组。这些对象将具有以下三个属性：

财产	描述
名字	学生姓名
回答	他们回答了多少小问题
分数	他们答对问题的比例是多少

到期日期

这个作业要在5月8日周三上课前交。