Daisy's App

by aljordan82

HTML

<script src="http://lesscss.googlecode.com/files/less-1.3.0.min.js"></script>


<div class="container ">
    <div class="char">/</div>
    <div class="char">*</div>
    <div class="char">-</div>
    <div class="char">+</div>
    <div class="char">.</div>
    <div class="char">1</div>
</div>

CSS

// LESS can go here

/* Implementation */
body { background:#333;padding:30px; }

.container {
    width: 500ps;
    border: 1px solid black;
    height: 500px;
}

.char {    
    border: 1px solid black;
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 40px;
    text-align: center;
    float: right;
 }

JavaScript

$(document).ready(function(){

 var $char = $('.char')
 $char.on('mousedown', function(el){
     console.log(this)
     
 
 })
    

    $('.char').draggable();


})