我目前正在做一个项目,我们必须根据所选答案推荐学校。每个问题后,答案必须将您带到另一个网页,完成后,它应该根据您的选择推荐学校。
由于我是初学者,目前这一切都是在 notepad++ 上的 HTML 上完成的。 我想知道是否有一种方法可以分配某种价值,或者有一种方法可以跟踪所选的选项,以便学校推荐的内容反映所选的答案。我知道你可以在 js 中通过分配答案数值来完成,但这在 HTML 中可能吗?如果没有,我该怎么办?
<title>Question 13</title>
</head>
<body style="background-color:white;">
<h1 style="font-family:fantasy;text-align:center;color:black;font-size:100px;"> Does the number of enrolled students matter to you? </h1>
<p style="font-family:monaco;text-align : center;color:black;font-size:30px;">
<br>
<br>
<a href="prestige10.html"> I care about a small undergraduate enrollment size. </a>
<br>
<br>
<a href="middle10.html"> The more the merrier. </a>
<br>
<br>
<a href="college10.html"> It does not matter to me. </a>
</p>
这几乎是文件所包含内容的概述。我想做到这一点,如果参加这个测验的人选择了大部分声望,他们将被推荐常春藤盟校,中学将推荐普通学校,而大学将主要推荐社区大学。
感谢任何可以帮助我的人!!-+
正如 AnnaK 在评论中所说,我认为您不需要存储任何类型的变量,因为状态已经由它们所在的页面存储了。
然后这三个页面可能有自己的推荐页面链接,并带有指定所选选项的 url 参数。
这是代码的模型
<!-- prestige10.html -->
<a href="/recommendation.html?chosen=prestige">See Recommendation</a>
<!-- middle10.html -->
<a href="/recommendation.html?chosen=middle">See Recommendation</a>
<!-- college10.html -->
<a href="/recommendation.html?chosen=college">See Recommendation</a>
<!-- recommendation.html -->
<p id="rec"></p>
<script>
const urlParams = new URLSearchParams(window.location.search);
const chosen = urlParams.get("chosen");
const recommendation = document.getElementById("rec");
if (chosen == "prestige")
recommendation.innerHTML = "a";
else if (chosen == "middle")
recommendation.innerHTML = "b";
else if (chosen == "college")
recommendation.innerHTML = "c";
</script>