Format Code
Run Code
<!DOCTYPE html> <html> <head> <title>jQuery Dynamic Resize</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> $(document).ready(function(){ $("#resizeButton").click(function(){ var newWidth = $("#newWidth").val(); var newHeight = $("#newHeight").val(); $("div").width(newWidth).height(newHeight); }); }); </script> </head> <body> <div style="background-color: yellow; width: 200px; height: 100px;">This is a div.</div> <input type="text" id="newWidth" placeholder="New Width"> <input type="text" id="newHeight" placeholder="New Height"> <button id="resizeButton">Resize Div</button> </body> </html>
console output