How to use php with html and Javascript?

Question

I am new web development,I am trying to use Html,Java script and php together. See the code below...

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript">
            function sayHello()
            {
                alert("Hello World!");
            }
        </script>
    </head>
    <body>
        <h3>Good Evening Friends</h3>
        <?php
            echo "Inside php script";
        ?>
        <form>
            <input type="Button" name="B utton" value="b utton" onclick="sayHello()"/>
        </form>
    </body>
</html>

The above code when run on xampp server is not producing the expected result, the code inside php script is not printed why? If I am using wrongly tell the correct useage?

Also tell me which server side language and date base to use if javascript and html are used for front end?

If you look at the source code in the browser, do you see the PHP tags? — aynber, Jun 05 '18 at 13:50
Obvious question - you've got XAMPP up and running and you're connecting to this file through `http://127.0.0.1/ ...` rather than File > Open ? — CD001, Jun 05 '18 at 13:53
source code in the browser is same as above and I see the php tags in the source code — rajshekhar y dodamani, Jun 05 '18 at 14:03

score 1 · Answer 1 · answered Jun 05 '18 at 13:59

1

Please make sure your file extension is .php , eg index.php
Please save the .php file into xampp -> htdocs
Use http://localhost/ to load your webpage

:) Hope this can help you

answered Jun 05 '18 at 13:59

Ah Dii

48
7

1

I got it, when I changed the file extension from .html to .php it gave the correct output – rajshekhar y dodamani Jun 05 '18 at 14:07
1

Great to heard that :) – Ah Dii Jun 05 '18 at 14:10

Mr X · Answer 2 · 2018-06-07T07:40:59.473

1

HI..

Make sure your file extension is .php
You can also do this:

<!DOCTYPE html>
<html>

<head>
  <script type="text/javascript">
    function sayHello() {
      alert("Hello World!");
    }
  </script>
</head>

<body>
  <h3>Good Evening Friends</h3>
  <?php 
  //funziona
            $hello = "PHP onboard!";
            echo "<br>".$hello."<br>";
  ?>

  <form>
    <input type="Button" name="Button" value="b utton" onclick="sayHello()" />
  </form>
</body>

</html>

I suggest to you to use Altervista for write php code (In Altervista the code run exatly... good job)

good luck

by Alessandro

edited Jun 07 '18 at 07:40

answered Jun 05 '18 at 14:18

Mr X

139
2
15

1

ok I got , It is running correctly. many say that javascript can be used for both front end and back end. I don't know about back end (java script), how to use it.In tutorials point they did not mention anything about database connection using javascript? tell me what exactly should I learn to use javascript for back end? – rajshekhar y dodamani Jun 05 '18 at 14:24
Some people will tell me that there are some other things to learn, but i think that you should start to study MYSQL or Node JS... These are back end programs and can help you in everything... – Mr X Jun 05 '18 at 14:46
Node js use javascript as language for program as server side – Mr X Jun 05 '18 at 14:47
**_write me_ if it was useful for you** – Mr X Jun 05 '18 at 15:11

score 0 · Answer 3 · answered Jun 05 '18 at 14:05

0

1) your file need have extension .php

2) if you use, Xampp, your url must begin localhost or 127.0.0.1 or name in hosts

answered Jun 05 '18 at 14:05

Andrey Matveev

125
1
7

Ok I got it I changed file extension to .php – rajshekhar y dodamani Jun 05 '18 at 14:23

How to use php with html and Javascript?

3 Answers3