<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <nav class="navbar navbar-default"> <div class="container-fluid"> <a class="navbar-brand" href="https://sourcecodester.com">Sourcecodester</a> </div> </nav> <div class="col-md-3"></div> <div class="col-md-6 well"> <h3 class="text-primary">PHP - Convert Decimal To Hexadecimal</h3> <hr style="border-top:1px dotted #ccc;"/> <div class="col-md-3"></div> <div class="col-md-6"> <h3>Decimal to Hexadecimal</h3> <br /> <div class="form-group"> <label>Enter number</label> <input type="number" id="decimal" class="form-control" /> </div> <button class="btn btn-primary" type="button" id="convert"><span class="glyphicon glyphicon-random"></span> Convert</button> <div id="result1"></div> </div> </div> <script src="js/jquery-3.2.1.min.js"></script> <script src="js/script.js"></script> </body> </html>
$(document).ready(function(){ $('#convert').on('click', function(){ if($('#decimal').val() != ""){ var decimal = $('#decimal').val(); $.ajax({ url: 'converter.php', type: 'POST', data: {decimal: decimal}, success: function(data){ $("#result1").html("<center><h3 class='text-success'>"+data+"</h3></center>"); } }); }else{ alert("Please enter something!"); } }); });