Skip to content

Instantly share code, notes, and snippets.

@cflove
Last active August 29, 2015 13:56
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save cflove/9139460 to your computer and use it in GitHub Desktop.
Save cflove/9139460 to your computer and use it in GitHub Desktop.
<script type="text/javascript">
alert('hello world')
</script>
<script type="text/javascript">
a = "hello World"
alert(a)
</script>
<script type="text/javascript">
a = 1
b = 2
alert(a+b)
</script>
<script type="text/javascript">
a = 1
b = 2
if (a == a) {
alert(a)
}
</script>
<script type="text/javascript">
a = 1
b = 2
if (a == a && b != 4) {
alert(a)
}
</script>
<script type="text/javascript">
a = 1
b = 2
if (a == a || b != 4) {
alert(a)
}
</script>
<script type="text/javascript">
a = 1
switch(a)
{
case 1:
alert('It is One')
break;
case 2:
alert('It is Two')
break;
default:
alert('It is None of Above')
}
</script>
<script type="text/javascript">
for (var i=0;i< 5 ;i++)
{
alert(i)
}
</script>
<script type="text/javascript">
var MyArray =new Array();
MyArray[0]="Red";
MyArray[1]="Blue";
MyArray[2]="Green";
alert(MyArray)
</script>
<script type="text/javascript">
var MyArray = []
MyArray[0]="Red";
MyArray[1]="Blue";
MyArray[2]="Green";
alert(MyArray)
</script>
<script type="text/javascript">
var Struct = {}
Struct.color="Red";
Struct.size="12";
Struct.price="10";
console.log(Struct)
</script>
<script type="text/javascript">
var Struct = {}
Struct.color="Red";
Struct.size="12";
Struct.price="10";
alert( Struct.size )
</script>
<script type="text/javascript">
function sayHello() {
alert('Hello World')
}
sayHello()
</script>
<script type="text/javascript">
function sayHello() {
a = "hello wold"
}
sayHello()
alert(a)
</script>
-----------------------------
<script type="text/javascript">
function FunOne() {
a = "hello wold"
}
function FunTwo() {
alert(a)
}
</script>
<button onclick="FunOne()">Run Function One</button>
<button onclick="FunTwo()">Run Function Two</button>
-----------------------------
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="One"><b>Hello</b></div>
<script type="text/javascript">
var txt=document.getElementById("One").innerHTML;
alert(txt)
</script>
</body>
</html>
---------------------------
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="One"><b>Hello</b></div>
<script type="text/javascript">
var txt=document.getElementById("One").innerText;
alert(txt)
</script>
</body>
</html>
-------------------------
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div class="one"><b>Hello</b></div>
<div class="two"><b>World</b></div>
<div class="three"><b>!!!</b></div>
<script type="text/javascript">
var myDivs=document.getElementsByTagName("div");
console.log(myDivs)
</script>
</body>
</html>
--------------------------
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div class="one"><b>Hello</b></div>
<div class="two"><b>World</b></div>
<div class="three"><b>!!!</b></div>
<script type="text/javascript">
var myDivs=document.getElementsByTagName("div");
alert(myDivs[1].innerHTML )
</script>
</body>
</html>
--------------------------
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="One"><b>Hello</b></div>
<script type="text/javascript">
document.getElementById("One").innerText = "hola mundo"
</script>
</body>
</html>
-----------------------
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="One"><b>Hello</b></div>
<script type="text/javascript">
document.getElementById("One").innerText = "hola mundo"
document.getElementById("One").style.color = "red"
</script>
</body>
</html>
<!--- http://www.w3schools.com/jsref/dom_obj_style.asp --->
------------------------
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="One"><b>Hello</b></div>
<script type="text/javascript">
document.getElementById("One").onclick = function() { alert("Hello World") }
</script>
</body>
</html>
------------------------
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="One">
<div> Hello </div>
<div> World </div>
</div>
<script type="text/javascript">
console.log( document.getElementById("One") )
</script>
</body>
</html>
------------------------
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment