JSFiddle - React, Tailwind, and code Playground

by jacobwsmith

HTML

<div class="module module-placement-performance-id">
    
    why?<br>
    why?<br>
    why?<br>
    why?<br>
    why?<br>
    why?<br>
    
</div>
<hr>
    <div id="output"></div>

CSS

.module{
    border: 1px solid #ccc;
    border-spacing: 0;
    font-size: 0.9em;
    width: 100%;
    margin-bottom: 1em;
}
.module-placement-performance-id {
	min-height: 1px;
}

JavaScript

/*
var f = function() {return true;}; 
var g = function() {return false;}; 
(function() { 
   if (g()) { 
      f = function f() {return false;}; 
      function g() {return true;} 
   } 
})(); 
console.log(f());
*/
/*
var obj = {
    id: 123  
};
//var id = obj.id;
var foo = function(){
    this.id = obj.id
    setTimeout(function(){
        console.log(id);
    }, 2000);
    
};
foo();
*/
/*
var placementPerformanceId = {
    settings:{},
    data: {
        sortAttr: 'plid'
    }
};
placementPerformanceId.isFriendlyNameOn = true;
placementPerformanceId.constructor = function(id){
    this.settings.id = id;
    console.log(placementPerformanceId.isFriendlyNameOn);
    setTimeout(function(){
        placementPerformanceId.load();
    }, 1000)
}
placementPerformanceId.load = function(){
    //console.log(this.data.sortAttr);
    console.log(placementPerformanceId.isFriendlyNameOn);
};
$(document).ready(function() {
    placementPerformanceId.constructor ('module-placement-performance-id');
});
*/
$(document).ready(function() {
    $('#output').text($(".module-placement-performance-id").css("min-height"));
});