可以为 HTML 中的链接赋值吗?

问题描述 投票:0回答:1

我目前正在做一个项目,我们必须根据所选答案推荐学校。每个问题后,答案必须将您带到另一个网页,完成后,它应该根据您的选择推荐学校。

由于我是初学者,目前这一切都是在 notepad++ 上的 HTML 上完成的。 我想知道是否有一种方法可以分配某种价值,或者有一种方法可以跟踪所选的选项,以便学校推荐的内容反映所选的答案。我知道你可以在 js 中通过分配答案数值来完成,但这在 HTML 中可能吗?如果没有,我该怎么办?

这是它的屏幕截图。(https://i.stack.imgur.com/tOtYv.png)

<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>

这几乎是文件所包含内容的概述。我想做到这一点,如果参加这个测验的人选择了大部分声望,他们将被推荐常春藤盟校,中学将推荐普通学校,而大学将主要推荐社区大学。

感谢任何可以帮助我的人!!-+

html variables hyperlink
1个回答
0
投票

正如 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>
© www.soinside.com 2019 - 2024. All rights reserved.