https://github.com/donavon/consoleit
Utility to append console messages to the DOM. Useful when using RequireBin, JSFiddle, or the like.
https://github.com/donavon/consoleit
Last synced: 3 months ago
JSON representation
Utility to append console messages to the DOM. Useful when using RequireBin, JSFiddle, or the like.
- Host: GitHub
- URL: https://github.com/donavon/consoleit
- Owner: donavon
- License: mit
- Created: 2014-11-25T19:23:58.000Z (almost 11 years ago)
- Default Branch: master
- Last Pushed: 2014-12-09T16:19:32.000Z (almost 11 years ago)
- Last Synced: 2025-06-30T23:41:21.045Z (3 months ago)
- Language: JavaScript
- Size: 328 KB
- Stars: 3
- Watchers: 6
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
ConsoleIt!
=========
Utility to append console messages to the DOM. Useful when using RequireBin, JSFiddle, or the like.
###RequireBin
Example usage in RequireBin:
```javascript
var console = require("consoleit");
console.log("This will appear in the DOM just like magic!");
```
###JSFiddle
To use this in JSFiddle, you must also add the following script tag to your HTML:
```html
```
Then use the JavaScript code as shown above.
###Methods
ConsoleIt supports the following methods:
| Method | Description |
| --------------- | :----------------------------------------- |
| console.log() | For general output of logging information. |
| console.info() | Informative logging information. |
| console.warn() | Outputs a warning message. |
| console.error() | Outputs an error message. |
Colored icons are placed next to all but `console.log()` as follows:
###String Substitution
You can also use the following string substitution characters in your output.
| Substitution string | Description |
| ------------------- | :------------------------------ |
| %d or %i | Outputs an integer. |
| %s | Outputs a string. |
| %f | Outputs a floating-point value. |
See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/console#Using_string_substitutions) for further details.
```JavaScript
console.log("Only %d days until %s!", 30, "Christmas");
```
###JavaScript Objects
JavaScript obects will be converted to JSON.
For example:
```JavaScript
var obj = {x:1, y:2};
console.log(obj);
```
Would display:
```
Object {"x":1,"y":2}
```
###Options
By default, output will be appended to the `document.body`.
You can optionally send the output to a particular element.
Simply pass the element id (as a string) to ConsoleIt as shown below.
```html
```
```javascript
var console = require("consoleit")("log");
console.log("This will be appended to the 'log' div.");
```
###For use under [MIT license](http://github.com/YuzuJS/consoleit/raw/master/LICENSE)