Workin with Matt

by spydmobile

HTML

<h1> Hello World</h1>

<div id='wrapper'>
    <div id='left' class='nogarin'> <a id='yomama' href='#'>wow</a>
        <br>some other text.</div>
    <div id='right'>
        <button onClick='fixLink();'>WTF</button>
    </div>
</div>

<h2 id='bar' class='coyle'>
    <b>my momma says</b>
</h2>

<br />

CSS

body {
    color: gray;
}
h1 {
    font: normal 20px verdana, arial, tahoma, helvetica, sans-serif;
}
.coyle {
    color: red;
}
.nogarin {
    color: orange !important;
    font: bold 30px verdana;
}
#bar {
    clear: both;
    //color: black;
}
#left {
    float: left;
}
#right {
    float: right;
}

JavaScript

//console.log(wtfButton);
function fixLink() {
    var wtfButton = document.getElementById("yomama");
    wtfButton.href = "http://ftp.ru";

    document.getElementById("left").className = "coyle";
}