MADE A WEBSITE WITH HTML & CSS AND A BUTTON THAT I HAVE DOSENT WORK, I TRIED OTHER BROSWERS AND ALL THE THINGS I FOUND ONLINE
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Quotes App</title>
<link rel="stylesheet" href="static/style.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="static/script.js"></script>
</head>
<body>
<div class="container">
<h1>Need some motivation?</h1>
<button id="quoteButton">Show Quote</button>
<p id="quoteText"></p>
</div>
</body>
</html>
CSS
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #f0f0f0;
margin: 0;
font-family: 'Helvetica', sans-serif;
}
.container {
text-align: center;
background: #ffffff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
h1 {
font-size: 24px;
margin-bottom: 20px;
}
button {
background: #007bff;
color: #ffffff;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background 0.3s ease;
}
button:hover {
background: #0056b3;
}
#quoteText {
margin-top: 20px;
font-size: 18px;
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
JS:
$(document).ready(function() {
$('#quoteButton').click(function() {
$.get('/quote', function(data) {
$('#quoteText').fadeOut(function() {
$(this).text(data).fadeIn();
});
});
});
});
PYTHON:
from flask import Flask, jsonify
import random
app = Flask(__name__)
quotes = [
"Η δύναμη στην ζωή δεν έρχεται από τι μπορείς να κάνεις τώρα αλλά έρχεται από να κάνεις τα πραγραμα που πίστευες ότι δεν θα μπορούσες",
"Αυτός που δεν είναι ευχαριστημένος με αυτό που έχει δεν θα είναι ευχαριστημένος με αυτό που θα ήθελε να έχει — Σωκράτης",
"Η ζωή είναι μια βόλτα απόλαυσε την γιατί δεν υπάρχει εισιτήριο επιστροφής",
"Πρέπει καθημερινά Να μην είσαι σκλάβος του εαυτού σου πρέπει να ξεπερνάς τα όρια σου",
"Όλα ξεκινούν και τελειώνουν στο μυαλό σου. Σε ότι δίνεις δύναμη αυτό σε εξουσιάζει.",
"Τα όρια του καθενός είναι αυτά που ο ίδιος βάζει στον εαυτό του",
"Δεν χρειάζεται να λες τι ξέρεις. Είναι όμως απαραίτητο να ξέρεις τι λες",
"Το μεγαλύτερο λάθος που μπορείς να κάνεις στην ζωή σου είναι να ζεις με τον φόβο μήπως κάνεις λάθος",
"Κλείσε το παράθυρο που σε ενοχλεί όσο όμορφη και αν είναι η θέα που βλέπεις.",
"Ο κόσμος δεν έγινε χειρότερος απλά άνοιξαν τα μάτια σου"
]
@app.route('/quote', methods=['GET'])
def quote():
return jsonify(random.choice(quotes))
if __name__ == '__main__':
app.run(debug=True)
- I TRIED DIFFERENT BROWSERS
- I TRIED FIXING THE CODE BY ADDING AND DELETING LINES OF CODE
- DOWNLOADING NEW VERSIONS OF SOFTWARE
Also i used AI to help me and still did not find a solution to my problem as well as asking around in my coding friend group
New contributor
marios georgiades is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.