index.html

---
layout: editor
---

<div class="intro">
	<p>JSHint is a tool to detect errors and potential problems in JavaScript
	code and can be used to enforce coding conventions.</p>
</div>

<div class="editor">
	<div class="editorArea">

		<div class="alert alert-error hide">
			JSHint has found potential problems in your code.
			See <a href="#report">detailed report</a>.
		</div>

		<div class="alert alert-success hide">
			Good job! JSHint hasn't found any problems with your code.
		</div>

		<textarea id="editor">// Your code goes here.</textarea>

		<div class="controls">
			<button data-action="lint" class="btn btn-primary">Lint</button>
		</div>
	</div>

	<div class="options">
		<div>
			<h3>Warn</h3>

			<ul class="inputs-list">
				<li>
					<label class="checkbox">
						<input type="checkbox" name="debug" class="neg" checked>
						About debugging code
					</label>
				</li>

				<li>
					<label class="checkbox">
						<input type="checkbox" name="forin" checked>
						About unsafe <code>for..in</code>
					</label>
				</li>

				<li>
					<label class="checkbox">
						<input type="checkbox" name="eqnull" class="neg" checked>
						About <code>== null</code>
					</label>
				</li>

				<li>
					<label class="checkbox">
						<input type="checkbox" name="noarg" checked>
						About <code>arguments.caller</code> and <code>.callee</code>
					</label>
				</li>

				<li>
					<label class="checkbox">
						<input type="checkbox" name="noempty" checked>
						About empty blocks
					</label>
				</li>

				<li>
					<label class="checkbox">
						<input type="checkbox" name="eqeqeq" checked>
						About unsafe comparisons
					</label>
				</li>

				<li>
					<label class="checkbox">
						<input type="checkbox" name="boss" class="neg" checked>
						About assignments inside <code>if/for/...</code>
					</label>
				</li>

				<li>
					<label class="checkbox">
						<input type="checkbox" name="loopfunc" class="neg" checked>
						About functions inside loops
					</label>
				</li>
			</ul>

			<ul class="inputs-list">
			 <li>
					<label class="checkbox">
						<input type="checkbox" name="evil" class="neg" checked>
						About <code>eval</code>
					</label>
				</li>

				<li>
					<label class="checkbox">
						<input type="checkbox" name="laxbreak" class="neg" checked>
						About unsafe line breaks
					</label>
				</li>

				<li>
					<label class="checkbox">
						<input type="checkbox" name="bitwise" checked>
						When bitwise operators are used
					</label>
				</li>

				<li>
					<label class="checkbox">
						<input type="checkbox" name="strict" checked>
						When code is not in strict mode
					</label>
				</li>

				<li>
					<label class="checkbox">
						<input type="checkbox" name="undef" checked>
						When variable is undefined
					</label>
				</li>

				<li>
					<label class="checkbox">
						<input type="checkbox" name="unused" checked>
						When variable is defined but not used
					</label>
				</li>

				<li>
					<label class="checkbox">
						<input type="checkbox" name="curly" checked>
						When blocks omit <code>{}</code>
					</label>
				</li>

				<li>
					<label class="checkbox">
						<input type="checkbox" name="nonew" class="neg" checked>
						When <code>new</code> is used for side effects
					</label>
				</li>
			</ul>
		</div>

		<div>
			<h3>Assume</h3>

			<ul class="inputs-list">
				<li>
					<label class="checkbox">
						<input type="checkbox" name="browser" checked>
						Browser
					</label>
				</li>

				<li>
					<label class="checkbox">
						<input type="checkbox" name="devel">
							Development (<code>console</code>, etc.)
					</label>
				</li>

				<li>
					<label class="checkbox">
						<input type="checkbox" name="jquery">
						jQuery
					</label>
				</li>

				<li>
					<label class="checkbox">
						<input type="checkbox" name="esnext">
						ECMAScript 6
					</label>
				</li>

				<li>
					<label class="checkbox">
						<input type="checkbox" name="moz">
						Mozilla JavaScript extensions
					</label>
				</li>

				<li>
					<label class="checkbox">
						<input type="checkbox" name="es3">
						ECMAScript 3
					</label>
				</li>

				<li>
					<label class="checkbox">
						<input type="checkbox" name="node">
						NodeJS
					</label>
				</li>
			</ul>

			<a class="more-options" href="/docs/" target="_blank">More options</a>
		</div>
	</div>

	<div class="report hide" id="report">
		<h4>JSHint Report</h4>

		<div class="options-string">
			<pre></pre>
		</div>

		<h4>Errors:</h4>
		<ul class="jshint-errors"></ul>

		<p class="documentation-link">
			Feel like some warnings are incorrect? You can configure JSHint to turn off
			some warnings. Read more in the <a href="/docs/" target="_blank">documentation</a>.
		</p>
	</div>

</div>