| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>non-editable</title> | |
| </head> | |
| <body> | |
| <!-- 1. Define some markup --> | |
| <button type="button">Select</button> | |
| <p>Lorem ipsum</p> | |
| <!-- 2. Include library --> | |
| <script src="../dist/select.js"></script> | |
| <!-- 3. Select! --> | |
| <script> | |
| var p = document.querySelector('p'); | |
| var button = document.querySelector('button'); | |
| button.addEventListener('click', function(e) { | |
| var selected = select(p); | |
| console.log(selected); | |
| }); | |
| </script> | |
| </body> | |
| </html> |