Pseudo kod:
Code (php):
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<input type="text" name="new_value" id="new-value" value="" placeholder="Write your new text here...">
<button type="submit" name="submit">Insert new text</button>
<p id="paragraph-value">
<?php
// get value from db
// if value exists
// echo value here
// else
// do nothing
?>
</p>
<script>
$(document).ready(function () {
$("submit").on("click", function () {
let text = $("#new-value").val();
if ('' == text) {
return;
}
// insert text variable to database
$("#paragraph-value").text(text);
});
});
</script>
</body>
</html>
Eto sam ti odradio većinu posla. Ostavio sam ti ove zakomntarisane linije i komentare unutra šta je preostalo.
Sad ti treba da odeš recimo
ovde i polako odradiš dio sa bazom.
Ako nisi prije to radio, možda ćeš morati da proširiš nauku na druge artikle, knjige, tutorijale.
U svakom slučaju i na tom linku imaš kako da se povezeš sa (u ovom slučaju MySQL) bazom, kako da selektuješ podatke iz tabele, kako da upišeš novi podatak.
Sa lijeve strane u meniju imaš sve to pa redom i polako.
Jedino budi svjestan da ti je to 10-20% rada. Odnosno uopšte nije uključena pažnja o nekoj povećanoj sigurnosti.
Omogućiće ti da tek funkcioniše.
Ako ti ne treba rad sa bazom, onda podaci neće biti permanentni ali mogu ostati dok god je browser podignut. Izuči localStorage (
w3schools,
mozilla.org) u tom slučaju i kombinuj sa tim jQuery blokom što sam ti upis'o a umjesto PHP koda (koji u tom slučaju možeš obrisati).
-A Tpojke su Đuro - šta?
-Osnovne jedinice diverzantskih grupa!