escolinha

protótipo de página para aula de desenvolvimento web

by edgardleal

HTML

<h3>Modifique o css da classe exercicio para que a div tenh
    a 100 pixels de altura e largura</h3>
<span id="script"></span>
<textarea></textarea><br>
<div class="exercicio"></div>
<div id='dialog'></div>

CSS

textarea{
    width : 250px;
    height : 100px;
    color : red;
}

JavaScript

function check(){
    var ex = $('.exercicio');
 if(ex.css('height')==='100px'&&
    ex.css('width')==='100px'){
     $('textarea').css('color', 'green')
        .prop('disable', 'disable');
     $('#dialog').text('Parabéns!')
     .dialog({modal : true});     
    }       
}

var tag = "<" + "style" + ">";

$('textarea').keypress(function(){    
  $('#script').html(tag + 
                   $('textarea').val() +
                   '</style>');
    check();
});