fork download
copy 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>My Portfolio</title>
  5.  
  6.     <style>
  7.         body{
  8.             color: #334155;
  9.             background-color: #E6E6FA;
  10.             font-family: 'Source Sans Pro', sans-serif;
  11.         }
  12.     </style>
  13. </head>
  14.  
  15. <body>
  16.  
  17. <h1 id="headline">My Professional Portfolio</h1>
  18.  
  19. <p>Cybersecurity Professor at ENSEM</p>
  20.  
  21. <img
  22. src="https://s...content-available-to-author-only...c.ma/_next/image?url=%2Fimages%2Fsummer_school_logo.jpeg&w=256&q=75"
  23. alt="My Profile"
  24. height="70">
  25.  
  26. <br><br>
  27.  
  28. <a href="https://g...content-available-to-author-only...b.com">Visit GitHub</a>
  29.  
  30. <br><br>
  31.  
  32. <button id="button">Send Encrypted Message</button>
  33.  
  34. <script>
  35. const title = document.getElementById("headline");
  36. const button = document.getElementById("button");
  37.  
  38. button.onclick = function () {
  39.     title.innerText = "Interactivity Unlocked!";
  40.     title.style.color = "#81B29A";
  41. };
  42. </script>
  43.  
  44. </body>
  45. </html>
Success #stdin #stdout 0.03s 25312KB
comments (?)
stdin
copy 
Standard input is empty
stdout
copy 
<!DOCTYPE html>
<html>
<head>
    <title>My Portfolio</title>

    <style>
        body{
            color: #334155;
            background-color: #E6E6FA;
            font-family: 'Source Sans Pro', sans-serif;
        }
    </style>
</head>

<body>

<h1 id="headline">My Professional Portfolio</h1>

<p>Cybersecurity Professor at ENSEM</p>

<img
src="https://s...content-available-to-author-only...c.ma/_next/image?url=%2Fimages%2Fsummer_school_logo.jpeg&w=256&q=75"
alt="My Profile"
height="70">

<br><br>

<a href="https://g...content-available-to-author-only...b.com">Visit GitHub</a>

<br><br>

<button id="button">Send Encrypted Message</button>

<script>
const title = document.getElementById("headline");
const button = document.getElementById("button");

button.onclick = function () {
    title.innerText = "Interactivity Unlocked!";
    title.style.color = "#81B29A";
};
</script>

</body>
</html>
https://ideone.com/2vH36l
language:
PHP (php 7.3.5)
created:
1 day ago
visibility:
public

Share or Embed source code

Discover > Sphere Engine API

The brand new service which powers Ideone!

Discover > IDE Widget

Widget for compiling and running the source code in a web browser!