Javascript - Criando Objetos

3 formas de criar um objeto em javascript

HTML

<!-- INICIO FORMULARIO BOTAO PAGSEGURO -->
<!--form action="https://pagseguro.uol.com.br/checkout/v2/donation.html" method="post"-->
<!-- NÃO EDITE OS COMANDOS DAS LINHAS ABAIXO -->
<form>
<input type="hidden" name="currency" value="BRL" />
<input type="hidden" name="receiverEmail" value="[email protected]" />
<input type="image" src="https://stc.pagseguro.uol.com.br/public/img/botoes/doacoes/209x48-doar-assina.gif" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!" />
</form>
<!-- FINAL FORMULARIO BOTAO PAGSEGURO -->

CSS

* {
    padding: 0;
    margin: 0;
    height: 100%;
    font-family: Verdana, Arial;
}
#container {
    background-color: grey;
    height: auto;
    min-height: 100px;
}

JavaScript

// Cada uma das seguintes opções irá criar um novo objeto vazio:
var newObject1 = {};
// or
var newObject2 = Object.create( Object.prototype );
// or
var newObject3 = new Object();

document.getElementById('container').addEventListener('click', function(){
    this.style.backgroundColor = 'lightgreen';
});