⚡ JavaScript Sandbox

HTML <div class="card"> <h3 id="title">Hello</h3> <button class="btn" id="testBtn">Click Me</button> <input type="text" id="input" class="form-item mt-2" placeholder="Type"> <div id="output" class="mt-2"></div> </div> JavaScript // Try these examples: $('#testBtn').click(function() { $('#output').html('<b>Button clicked!</b>'); $(this).addClass('btn-success'); }); $('#input').keyup(function() { const val = $(this).val(); $('#title').text(val || 'Hello'); }); // More examples: // $('#title').fadeToggle(300); // $('.card').css({padding: '2rem'}); // $('#output').slideDown(); ▶️ Run Code 🗑️ Clear Console

Preview Console Output