Я создаю веб-сайт, где пользователь отправляет форму вопросов, и я хочу, чтобы каждый из их входных данных был переменной, которую я могу использовать на отдельной странице. Я понимаю, как создать переменную, я просто не знаю, как начать создавать переменную, которую можно использовать на отдельной странице. Кроме того, каждый раз, когда пользователь заполняет форму, он создает новую переменную и не влияет на переменные из предыдущей отправки формы. Моя конечная цель - использовать каждую отправку формы для создания нового блока текста на другой странице. Я создам программу, которая использует переменные для определения того, что будет написано и где должен быть текст относительно других текстов (выше / ниже). Я использую JS и HTML, и я даже не знаю, подходит ли JS для этого и нужно ли мне использовать другой язык. Итак, мой вопрос: как мне создать новую переменную из каждого пользовательского ввода для использования на отдельной странице сайта?
<html>
<body>
<p> Create an assignment: <p> <br>
<input id="assignmentName" type="text" value="Assignment Name" onclick="clearAN()"/><br>
<input id="class" type="text" value="Class" onclick="clearC()"/> <br>
<input id="description" type="text" value="Description of assignment" onclick = "clearD()" class="descriptionbox"/>
<p> Priority: </p>
<div class="slidecontainer">
<input type="range" min="1" max="10" value="5" class="slider" id="myRange">
<p id="priorityNumb"> 1-10 </p>
</div>
<p> Due Date: </p>
<input id="dueDate" type="date">
<p> How many minutes? </p>
<input id="time" type="number" value="30" onclick="clearM()"><br>
<button id="digital" class="on" onclick="digital()">Digital</button>
<button id="offline" class= "off" onclick="offline()">Offline</button>
<br>
<form action="https://cathborisova.github.io/Studeo/Tasks.html">
<input type="submit" value="Create" />
</form>
<form action="https://cathborisova.github.io/Studeo/EnterTask.html">
<input type="submit" value="Create Another" />
</form>
<form action="https://cathborisova.github.io/Studeo/Tasks.html">
<input type="submit" value="Cancel" />
</form>
<script>
var date = new Date();
var counteran = 0;
var counterd = 0;
var counterc = 0;
var counterm = 0;
var digitalb = true;
var offlineb = false;
var d = document.getElementById("digital");
var o = document.getElementById("offline");
var currentDate = date.toISOString().slice(0,10);
document.getElementById("dueDate").value = currentDate;
var slider = document.getElementById("myRange");
document.getElementById("priorityNumb").innerHTML=slider.value;
slider.oninput = function() {
document.getElementById("priorityNumb").innerHTML=slider.value;
}
var minutes = document.getElementById("time");
function clearAN(){
if(counteran == 0){
document.getElementById("assignmentName").value = "";
}
counteran++;
}
function clearD(){
if(counterd == 0){
document.getElementById("description").value = "";
}
counterd++;
}
function clearC(){
if(counterc==0){
document.getElementById("class").value = "";
}
counterc++;
}
function clearM(){
if(counterm==0){
document.getElementById("time").value ="";
}
counterm++;
}
function digital(){
digitalb = true;
offlineb = false;
d.style.backgroundColor = "#8CAEFF";
o.style.backgroundColor = "#FFFFFF";
}
function offline(){
offlineb = true;
digitalb = false;
o.style.backgroundColor = "#8CAEFF";
d.style.backgroundColor = "#FFFFFF";
}
</script>
</body>
</html>