Moin Leute, ich Programmiere seit knap einem Jahr in Python und habe erst seit 2 wochen angefangen mich in HTML und CSS einzuarbeiten.
Seit Tagen hänge ich an einem blöden Problem.
Und zwar schaffe ich die Eingabe von einem Wort auf der Website, eine Verarbeitung durch Python und die Ausgabe des Wortes auf der selben Seite.
Versuche ich jedoch ein zweites Input tag zu beschreiben, wird dieses nicht auf der Seite ausgegeben.
Ich bin noch jungfräulich in dem Thema und hoffe auf etwas Hilfe. Darauf folgend schicke ich hier mal den HTML und Python Code rein.
HTML
<!DOCTYPE html>
<html lang='de'>
<head>
<h1>
Der Krypto Rechner
</h1>
<link rel="stylesheet" href="style.css">
<meta name='viewport' content='width=device-width, initial-scale=1'>
<style type='text/css'>
body{
background-color:thistle;
}
button{
font-size:20px;
background-color: rgb(41, 167, 36);
padding: 5px;
}
h1{
font-size:70px;
background-color:darksalmon;
text-align: center;
}
h4{
color:red;
}
nav ul li a{
padding:14px;
}
nav ul {
margin: 0;
padding: 0;
list-style: none;
}
.mitte {
display: flex;
justify-content: center;
align-items: center;
}
#pic{
display: flex;
justify-content: center;
align-items: center;
}
</style>
</head>
<body>
<nav>
<div id='navigation'>
<ul class='mitte'>
<li><a href="/index.html">Über Uns</a></li>
<li><a href="/templates/rechner.html">Der Krypto Rechner</a></li>
<li><a href="/impressum.html">Kontakt</a></li>
</ul>
</div>
</nav>
<br>
<br>
<div id='pic'>
<img src="bithandy.jpg" alt="Bitcoin" width='700' height='400' title='Bitcoin'>
</div>
<form class='grid' action = '/result' method = 'POST'>
<center>
{% if name %}
<h3 style='color:blue;'> Coin: {{name}} </h3>
{% endif %}
</center>
<center>
{% if kaufpreis %}
<h3 style='color:blue;'> Kaufpreis des Coins: {{kaufpreis}} </h3>
{% endif %}
</center>
<br></br>
<center align='left'>
<label for ='Name' >Name des Coins:</label>
<input type='text' name='name' id='name'>
</center>
<br>
<center align='left'>
<label for ='Name' >Kaufpreis des Coins:</label>
<input type='text' name='kaufpreis' id='kaufpreis'>
</center>
<br></br>
<center align='left'>
<label for ='Name' >Anzahl der Coins:</label>
<input type='text' name='name' id='name'>
</center>
<br></br>
<center align='left'>
<label for ='Name' >Verkaufsprovision in %:</label>
<input type='text' name='name' id='name'>
</center>
<br></br>
<center align='left'>
<label for ='Name' >Maximaler Verlust:</label>
<input type='text' name='name' id='name'>
</center>
<br></br>
<center align='left'>
<label for ='Name' >Minimaler Gewinn:</label>
<input type='text' name='name' id='name'>
</center>
<br></br>
<button type="submit">Berechnung Starten!</button>
</form>
</body>
</html>Und der kurze Python Code
Python
from flask import Flask, render_template,request
app = Flask(__name__)
@app.route('/')
@app.route('/home')
def home():
return render_template('rechner.html')
@app.route('/result',methods=['POST','GET'])
def result():
output = request.form.to_dict()
name = output['name']
kp = request.form.to_dict()
kaufpreis = kp['kaufpreis']
return render_template('rechner.html',name=name)
return render_template('rechner.html', name=kaufpreis)
if __name__ == '__main__':
app.run(debug=True, port=5001)Ps: Ich nehme auch gerne Tipps zu meinem HTML stil an, wie gesagt bin erst seit 2 Wochen in diesem schönen Thema drin.
LG 