JSFiddle - React, Tailwind, and code Playground

by Yashpreet Singh

HTML

<button value='show c' name='show c' onclick='disp()'></button>
<div class="transbox">
    <p>
        #include iostream 
        using namespace std;
        int main(){
            return 0;
        }
    </p>
</div>

CSS

div.transbox {
    width: 1000px;
    height: 1000px;
    margin: 30px 50px;
    background-color: #000000;
    border: 1px solid black;
    opacity: 0.6;
    filter: alpha(opacity=60);
    display: none;
}
div.transbox p {
    margin: 30px 40px;
    font-weight: bold;
    color: red;
}

JavaScript

disp(){
      var e=getElementByTagName('div').display=true; 
      

}