Skip to content

Instantly share code, notes, and snippets.

<style id="jsbin-css">
var aCanvas = document.getElementById("aCanvas");
var context = aCanvas.getContext("2d");
context.fillStyle="red";
context.fillRect(10,10,100,100);
</style>
<svg>
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-2.0.3.js"></script>
</head>
<body>
<!-- <h1>Header 1</h1>
<h2>Header 2</h2>
<button>Button</button> -->
<h1 id = "h1Id">Title</h1>
<p id = "pId">Paragraph</p>
<input id = "inputId">
<button onclick="aButton()">Button</button>
<script id="jsbin-javascript">
//alert("pop");
function aButton(){
var clickAButton = document.getElementById("inputId").value;
document.getElementById("pId").innerHTML = clickAButton;
}
<style id="jsbin-css">
body{
background-color:rgb(250,50,250);
}
#titleDo{
text-align:center;
color:green;
font-family:helvetica";
}
<style id="jsbin-css">
body{
background-color:rgb(250,50,250);
}
#titleDo{
text-align:center;
color:green;
font-family:helvetica";
}
<!DOCTYPE html>
<html>
<head>
<title>35 Bin</title>
<style id="jsbin-css">
p{
color:red;
}
</style>
</head>
<!DOCTYPE html>
<html>
<head>
<title>35 Bin</title>
<style id="jsbin-css">
p{
color:red;
}
<!DOCTYPE html>
<html>
<head>
<title>35 Bin</title>
<style id="jsbin-css">
p{
color:red;
}
<!DOCTYPE html>
<html>
<head>
<title>35 Bin</title>
<style id="jsbin-css">
p{
color:red;
}
</style>
</head>
<!DOCTYPE html>
<html>
<head>
<title>35 Bin</title>
<style id="jsbin-css">
p{
color:red;
}
</style>
</head>