Menempatkan Kode PHP di Dalam Javascript

Publish Date : 05-02-2019 , dibaca 27237 kali, Hari ini dibaca : 1 kali ,0 comments

Ok.. Guys.. masih dengan javascript... kali ini admin akan membahas tips cara menempatkan kode PHP di dalam Javascript... ini mungkin akan sangat bermanfaat untuk anda dalam menyelesaikan project anda.

Jika anda pernah mengalami kasus , dimana kita membuat fungsi di javascript dengan mengambil data dari variabel php yang biasanya di ambil dari database, tentu ini sangat membingungkan untuk anda yang belum mengerti.

atau Kasus lain dari judul diatas misalnya.. kita membuat Membuat Penjumlahan otomatis di Textbox , dimana data nya diambil dari database langsung.. nah ini ada dalam pertanyaan seputar pembaca artikel tersebut...

Pada kesempatan ini , kita akan coba menjelaskan Teknik yang digunakan untuk menggabungkan kode PHP didalam function javascript, sehingga datanya bisa dibuat dinamis..

OK.. langsung Saja .. Contoh Kode Javascript :

<!DOCTYPE html>
<html>
<body>

<h2>Menggabungkan kode PHP dan Javascript</h2>

<p id="demo">Contoh</p>

<button type="button" onclick="myFunction()">Coba Klik</button>

<script tipe="text/Javascript">
function myFunction() {
  document.getElementById("demo").innerHTML = "Paragraph Ganti.";
}
</script>

</body>
</html>

Klik Demo Jika ingin menjalankan

Demo

Dari Script diatas, masih biasa.. di mana kode php belum kita sisipkan.. untuk penyisipan kode PHP , lihat contoh script diatas yang saya modifikasi :

<!DOCTYPE html>
<html>
<body>

<h2>Menggabungkan kode PHP dan Javascript<br>
Suckittrees.com</h2>
<b>Dengan PHP </b>
<br>

<p id="demo">Contoh</p>

<button type="button" onclick="myFunction()">Coba Klik</button>

<script tipe="text/Javascript">
function myFunction() {
  <?php
  $str= "Ini Paragraf dengan variabel PHP di dalam Javascript";
  echo "document.getElementById('demo').innerHTML = '$str';";
  ?>
}
</script>

</body>
</html>