Original code:
<!DOCTYPE html> <html> <head> <title>Add Users</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.min.js"></script> </head> <body> <div id="app"> <!-- Add missing attributes to input, button, tr, and td elements --> First name: <input type="text"> Last name: <input type="text"> <button>Add user</button> <table> <caption>Users</caption> <thead> <tr> <th>Index</th> <th>First name</th> <th>Last name</th> </tr> </thead> <tbody> <tr> <td></td> <td></td> <td></td> </tr> </tbody> </table> </div> <script> var vm = new Vue({ el: '#app' // Modify Vue object here }); // Example case if(vm.users) { vm.users.push({firstName: "John", lastName: "Doe" }); } document.getElementsByTagName("input")[0].value = "Ann"; document.getElementsByTagName("input")[0].dispatchEvent(new Event('input')); document.getElementsByTagName("input")[1].value = "Franklin"; document.getElementsByTagName("input")[1].dispatchEvent(new Event('input')); document.getElementsByTagName("button")[0].click(); setTimeout(() => console.log(document.querySelector("tbody").innerHTML)); </script> </body> </html>
Dashboard
Start Trial
Sign In
Home
Tour
Tests
Questions
Pricing
Resources
Blog
Read Evidence-Based Hiring
Support
Use Cases
ROI Calculator
Integrations
Customers
© TestDome, 2022.