Untitled

<?php

	$host = 'localhost';
	$user = 'root';
	$pass = '';
	$my_db = 'tvoja_baza_podataka';

	$dbc = mysqli_connect($host, $user, $pass, $my_db);

	//napravi table sa stupcima id i vrijednost da bi ti kod mogao raditi

	$query = "SELECT * FROM tvoj_table WHERE id=1";
	$response = mysqli_query($dbc, $query);

	while($row = mysqli_fetch_array($response)){
		$tr_vrijednost = $row['vrijednost'];
	}

?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
</head>
<body>

	<input type="submit" value="Povecaj za 100" id="povecaj100" />
	<input type="submit" value="Povecaj za 200" id="povecaj200" />
	<input type="submit" value="Povecaj za 500" id="povecaj500" /><br>

	<div id="vrijednost"><?php echo $tr_vrijednost; ?></div>


<script>
	//jquery kod
	$(document).ready(function(){
		$("#povecaj100").click(function(){ //ova funkcija se odradi svaki put kad kliknes na dugme sa IDom "povecaj100"
			var sto = 100;
			$.ajax({
				method: "GET",
				url: "povecaj.php", //u ovaj fajl ide update baze podataka
				dataType: "text",
				data: {
					povecanje: sto //varijabla povecanje se salje GET metodom na fajl povecaj.php
				},
				success: function(data){
					//postavimo vrijednost DIVa sa IDom "vrijednost" na novu vrijednost koju nam posalje povecaj.php
					$("#vrijednost").html(data);
				}
			});
		});

		//povecanje za 200
		$("#povecaj200").click(function(){ //ova funkcija se odradi svaki put kad kliknes na dugme sa IDom "povecaj200"
			var dvjesto = 200;
			$.ajax({
				method: "GET",
				url: "povecaj.php", //u ovaj fajl ide update baze podataka
				dataType: "text",
				data: {
					povecanje: dvjesto //varijabla povecanje se salje GET metodom na fajl povecaj.php
				},
				success: function(data){
					//postavimo vrijednost DIVa sa IDom "vrijednost" na novu vrijednost koju nam posalje povecaj.php
					$("#vrijednost").html(data);
				}
			});
		});

		//povecanje za 500
		$("#povecaj500").click(function(){ //ova funkcija se odradi svaki put kad kliknes na dugme sa IDom "povecaj500"
			var petsto = 500;
			$.ajax({
				method: "GET",
				url: "povecaj.php", //u ovaj fajl ide update baze podataka
				dataType: "text",
				data: {
					povecanje: petsto //varijabla povecanje se salje GET metodom na fajl povecaj.php
				},
				success: function(data){
					//postavimo vrijednost DIVa sa IDom "vrijednost" na novu vrijednost koju nam posalje povecaj.php
					$("#vrijednost").html(data);
				}
			});
		});
	});

</script>

</body>
</html>