# watchmydom

**A Javascript library to watch the DOM changes in a single callback**

# Demo

[Click here](https://saifkeralite.github.io/watchmydom/) to see the detailed demo.

# Download

Minified script file has been added in the `build` folder.

# Installation/Usage

1. Add the library script into your page

```javascript
<script src="watchmydom.min.js"></script>
```

2. Initialize `watchMyDom` object in your custom script. You can use a class name, id or a tagName.

```javascript
var watchIt = new watchMyDom("#div-id");
```

3. Use `watch()` method to start watching.

```javascript
watchIt.watch(function (result, info) {
	//Callback
});
```

3. Use `stop()` method to stop watching.

```javascript
watchIt.stop();
```

# npm Installation

1. Install the package

   ```javascript
   npm i watchmydom
   ```

2. Use the module as shown below.

   ```javascript
   var watchmydom = require("watchmydom");
   var domResults = new watchmydom(".dom-results");
   ```

# Methods

| Methods | Usage                      |
| ------- | -------------------------- |
| watch() | Use this to start watching |
| stop()  | Use this to stop watching  |

# Callbacks

You can see the DOM updates/changes in the watch() calllback function.

| Parameters | Usage                 |
| ---------- | --------------------- |
| result     | Sorted observations   |
| info       | Complete observations |

# License

MIT

# Code

Saif