Pizza Coupon<title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1">  <link href="https://misdemo.temple.edu/assets/cdn/bootstrap5/bootstrap.min.css" rel="stylesheet"> <script src="https://misdemo.temple.edu/assets/cdn/bootstrap5/bootstrap.bundle.min.js"></script>  <script src="https://misdemo.temple.edu/assets/cdn/jquery/3.6.4/jquery.min.js"></script> <style> .btn {border:1px solid black; padding:5px; display:inline-block; } .coupon { border: 2px dashed #ff6600; background-color: #fffbe6; width: 300px; padding: 20px; text-align: center; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); border-radius: 10px; } </style> </head> <body> <div class="container"> <h1>🍕 Pizza Coupon - Cheesy Pete's Pizza Palace</h1> <p>Answer the following questions.</p> <p>Discount: <input type="text" id="textDiscount"></p> <p>Order Min: <input type="text" id="textMin"></p> <p>Promo code: <input type="text" id="textPromo"></p> <p>Expires: <input type="text" id="textExpires"></p> <p>Click the button below to create the coupon.</p> <p><input type="button" class="btn btn-primary" id="btn_1" value="Deal of the week"></p> <p><input type="button" class="btn btn-primary" id="btn_2" value="Slice of Heaven"></p> <hr> <br> <div id="textDisplayed1" class="coupon"></div> </div> </body> <script> // // Write a program that generates the coupon HTML. // Assign that HTML to the tag with the id of textDisplayed1 "use strict"; $('#btn_1').click(function(){ let discount = $("#textDiscount").val(); let minorder = $("#textMin").val(); let promo = $("#textPromo").val(); let expires = $("#textExpires").val(); let theText = "<b>Cheesy Deal of the Week!</b>" + "<p><i>$" + discount + " OFF</i> any order of $" + minorder +" or more</p>" + "<p>Promo Code: " + promo + "</p>" + "<p>Offer expires: " + expires + "</p>" + "<p>Available for online and in-store orders.</p>"; $("#textDisplayed1").html(theText); }); $('#btn_1').click(function(){ let promo = $("#promo").val(); let expires = $("#textexpires").val(); let theText = "<b>Slice of Heaven Deal!</b>" + "<p>Buy 1 Large Pizza, Get a Medium Pizza FREE!</p>" + "<p>Promo Code: " + promo + "</p>" + "<p>Offer expires: " + expires + "</p>" + <p>Available for online and in-store orders.</p>"; $("#textDisplayed1").html(theText); </script> </html>