This tutorial will teach you how to make a inventory management system using php with jquery.this example is very useful for your future inventory project.In this tutorial,php coding practices is very important for us to grow the knowledge in php day by day.how to be a good programmer in the future. Let go and learn the php mini projects step by step.i have attached the complete project video also how the flow works step by step below.
<!doctype html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> <title>Chicken Shop</title> </head> <body> <div class="container"> <div class="row"> <div class="card" style="width: 18rem;"> <div class="card-body"> <div class="card-title"><h3>Chicken Shop GR KG Calculation 1 kg - 200</h3></div> <div class="card-title"> <img src="images/ck.jpg" width="200" height="150"> </div> <div> <form> <div class="form-group"> <label>Qty </label> <input type="text" class="form-control" id="qty" name="qty" placeholder="Qty"> </div> <div class="form-group"> <label>Type</label> <select class="form-control" id="option" name="option" placeholder="Option" required> <option value="">Please Select</option> <option value="1">GR</option> <option value="2">KG</option> </select> </div> <div class="form-group"> <label>Total Amount</label> <input type="text" class="form-control" id="calamount" name="calamount" placeholder="CalAmount"> </div> </form> </div> </div> </div> </div> </div> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> <script> $(function() { $('#option').change(function() { if ($(this).val() == 2){ var calamount = ( Number($("#qty").val())* 200 ); $("#calamount").val(calamount); } if ($(this).val() == 1){ var calamount = ( Number($("#qty").val()) /1000 * 200 ); $("#calamount").val(calamount); } }); }); </script> </body> </html>
In this tutorial will teach Laravel 11 Api MVC with Repository Pattern Crud Application step…
In this tutorial will teach Laravel 11 CRUD Application step by step. Laravel 11 CRUD…
in this tutorials we will be talk about how to make a times table in…
In this tutorials will teach How to add two numbers in Laravel 10. (more…)
In this tutorial, we will teach the process of building a full-stack application using Node.js,…
In this tutorial, we will explin you through the process of building a Hospital Management…