3v4l.org

run code in 300+ PHP versions simultaneously
<?php $colours = array( 'white' => '#FFFFFF', 'red' => '#FA3438', 'orange' => '#FFA845', 'blue' => '#459CFF', 'green' => '#60C953', 'yellow' => '#F7F73B' ); $colour = isset($_GET['c']) && isset($colours[$_GET['c']]) ? $colours[$_GET['c']] : '#FFFFFF'; ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>title</title> <style type="text/css"> h1 { text-align: center; margin-bottom: 50px; } a { color: #000; } div.colours { width: 720px; margin: auto; background-color: #ECECEC; padding: 25px 30px; } div.colours div.colour { width: 100px; height: 100px; float: left; margin: 0 10px; border: 1px solid #888; text-align: center; padding-top: 40px; box-sizing: border-box; } </style> </head> <body style="background-color: <?= $colour ?>"> <h1>Wybierz kolor tła dla strony</h1> <div class="colours"> <? foreach ($colours as $colour => $hex): ?> <a href="?c=<?= $colour ?>"><div class="colour" style="background-color: <?= $hex ?>;"><?= $colour ?></div></a> <? endforeach; ?> <div style="clear: both;"></div> </div> </body> </html>
Output for 8.0.0 - 8.0.12, 8.0.14 - 8.0.30, 8.1.0 - 8.1.28, 8.2.0 - 8.2.18, 8.3.0 - 8.3.6
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>title</title> <style type="text/css"> h1 { text-align: center; margin-bottom: 50px; } a { color: #000; } div.colours { width: 720px; margin: auto; background-color: #ECECEC; padding: 25px 30px; } div.colours div.colour { width: 100px; height: 100px; float: left; margin: 0 10px; border: 1px solid #888; text-align: center; padding-top: 40px; box-sizing: border-box; } </style> </head> <body style="background-color: #FFFFFF"> <h1>Wybierz kolor tła dla strony</h1> <div class="colours"> <? foreach ($colours as $colour => $hex): ?> <a href="?c=#FFFFFF"><div class="colour" style="background-color: Warning: Undefined variable $hex in /in/VWGFk on line 56 ;">#FFFFFF</div></a> <? endforeach; ?> <div style="clear: both;"></div> </div> </body> </html>
Output for 5.4.34 - 5.4.45, 5.5.24 - 5.5.35, 5.6.7 - 5.6.21, 7.0.0 - 7.0.20, 7.1.0 - 7.1.10, 7.2.0, 7.3.32 - 7.3.33, 7.4.33, 8.0.13
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>title</title> <style type="text/css"> h1 { text-align: center; margin-bottom: 50px; } a { color: #000; } div.colours { width: 720px; margin: auto; background-color: #ECECEC; padding: 25px 30px; } div.colours div.colour { width: 100px; height: 100px; float: left; margin: 0 10px; border: 1px solid #888; text-align: center; padding-top: 40px; box-sizing: border-box; } </style> </head> <body style="background-color: #FFFFFF"> <h1>Wybierz kolor tła dla strony</h1> <div class="colours"> <a href="?c=white"><div class="colour" style="background-color: #FFFFFF;">white</div></a> <a href="?c=red"><div class="colour" style="background-color: #FA3438;">red</div></a> <a href="?c=orange"><div class="colour" style="background-color: #FFA845;">orange</div></a> <a href="?c=blue"><div class="colour" style="background-color: #459CFF;">blue</div></a> <a href="?c=green"><div class="colour" style="background-color: #60C953;">green</div></a> <a href="?c=yellow"><div class="colour" style="background-color: #F7F73B;">yellow</div></a> <div style="clear: both;"></div> </div> </body> </html>
Output for 5.4.0 - 5.4.32, 7.2.29 - 7.2.33, 7.3.12 - 7.3.31, 7.4.0 - 7.4.32
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>title</title> <style type="text/css"> h1 { text-align: center; margin-bottom: 50px; } a { color: #000; } div.colours { width: 720px; margin: auto; background-color: #ECECEC; padding: 25px 30px; } div.colours div.colour { width: 100px; height: 100px; float: left; margin: 0 10px; border: 1px solid #888; text-align: center; padding-top: 40px; box-sizing: border-box; } </style> </head> <body style="background-color: #FFFFFF"> <h1>Wybierz kolor tła dla strony</h1> <div class="colours"> <? foreach ($colours as $colour => $hex): ?> <a href="?c=#FFFFFF"><div class="colour" style="background-color: Notice: Undefined variable: hex in /in/VWGFk on line 56 ;">#FFFFFF</div></a> <? endforeach; ?> <div style="clear: both;"></div> </div> </body> </html>
Output for 4.3.0 - 4.3.11, 4.4.0 - 4.4.9, 5.0.0 - 5.0.5, 5.1.0 - 5.1.6, 5.2.0 - 5.2.17, 5.3.0 - 5.3.29
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>title</title> <style type="text/css"> h1 { text-align: center; margin-bottom: 50px; } a { color: #000; } div.colours { width: 720px; margin: auto; background-color: #ECECEC; padding: 25px 30px; } div.colours div.colour { width: 100px; height: 100px; float: left; margin: 0 10px; border: 1px solid #888; text-align: center; padding-top: 40px; box-sizing: border-box; } </style> </head> <body style="background-color: <?= $colour ?>"> <h1>Wybierz kolor tła dla strony</h1> <div class="colours"> <? foreach ($colours as $colour => $hex): ?> <a href="?c=<?= $colour ?>"><div class="colour" style="background-color: <?= $hex ?>;"><?= $colour ?></div></a> <? endforeach; ?> <div style="clear: both;"></div> </div> </body> </html>

preferences:
252.69 ms | 405 KiB | 312 Q