В моем index.html я предлагаю пользователю ввести имя, которое создает кнопку с именем на ней. При нажатии появляется inside_goal.html
<script>
var counter = 0;
function createButton(){
var x = document.createElement("BUTTON");
x.className = "second";
x.id = "first";
var name = document.querySelector("#goal").value;
var t = document.createTextNode(name);
x.appendChild(t);
document.getElementById("space_holder").appendChild(x);
var insideclass = document.getElementsByClassName("second");
insideclass[counter].innerHTML = `<input type="button" onclick="location.href='/inside_goal'" value="${name}"/>`;
counter = counter+1;
document.querySelector("#goal").value = "";
};
</script>
</head>
<body>
<h1 id = "home_header" style = "font-family: optima; text-align: center"> Nancy Dong </h1>
<div id = "enter.goal">
<form action = /inside_goal id = "subBox" onsubmit = "createButton(); return false;">
<input name = "name", type = "text", id = "goal">
<input type = "submit", value = "Enter Goal">
</form>
</div>
inside_goal.html
<body>
<h1 id = "h1">
testing {{ name }} !!!
</h1>
</body>
Мой flask выглядит как
from flask import Flask, render_template, request, session
app = Flask(__name__)
@app.route("/")
def index():
return render_template("index.html")
@app.route("/inside_goal")
def names():
name = request.args.get('name')
return render_template("inside_goal.html", name = name)
Я хочу inside_goal.html иметь тот же заголовок, что и кнопка, по которой была нажата кнопка. Однако заголовок в настоящее время возвращает «Нет тестирования». Запрос на получение не мог получить имя.
Я также попробовал
var test = "";
$("button).click(function(){
test = $(this).val();
alert(test);
})
, чтобы проверить, могу ли я получить значения кнопок таким образом, но получил только значение инициализации.
Я новичок в веб-разработке, поэтому мне может не хватать некоторых концепций. Любая помощь приветствуется!