PHP + JavaScript | ??? PYTANIE ???

Question

Witam! Chce zrobić pasek poziomu konta z bazy danych MYSQL. Naprzykład: 

USER ANDRZEJ ma 1000 XP to wtedy:

element w HTML o id = "xp-bar" wyświetl style="width: 20%;"

a jezeli ma 5000XP to wtedy:

daj mu style="width: 100%;"

Jak Moge zrobić zmienną let xp której (js) wartość to: wartość sessi $_SESSION['xp']; istniejącej w php.

Mój kod:

document.getElementById('od').onclick = function(){
						let xp = "" // TU POTRZEBUJE POMOCY
						let xp-bar-width = xp/50
						let xp-bar = document.querySelector('#js-xp')
						let xp-per = xp-bar-width+"%"
						document.querySelector('#js-xp').style.width = xp-per;
}

nie prosze o gotowca ale jak moge to zrobić???

Comments

Nie zapomniałeś o średnikach w kodzie?

---

@Bartek12 W JavaScript nie trzeba.

Answer 1

<?=$_SESSION['xp']?>

Answer 2

Za pomocą Ajaxa. Gdy ja się uczyłem to był dla mnie bardzo nieintuicyjny, ale to potężne narzędzie. Jednym plikiem (to musi być osobny plik) pobierasz wartość z bazy danych i przekazujesz albo przekazujesz już pobrane dane. A w JS odbierasz za pomocą

https://www.w3schools.com/js/js_ajax_http_response.asp

Można też ukryć zmienną gdzieś w kodzie np. polem hidden, a potem pobrać ją za pomocą  document.getElementById("nazwa").
 

<input type="hidden" id="Twojeid" value="<?php echo $_SESSION["xp]; ?>">

Natomiast w kwestii onclicka - o wiele lepiej, jeśli zaczniesz używać addeventlistenera.