JSFiddle - React, Tailwind, and code Playground

by navinleon

HTML

<!-- http://snag.gy/8u6vx.jpg -->
<!-- Please write the HTML and CSS code for the above picture(no js should be used) -->
<ul class="menu">
    <li class= "m1">Home</li>
    <li class= "m1">Protocol Setup
    <ul class="menu">
        <li>1</li>
        <li>2</li>
    </ul>
    </li>
</ul>
<div id="user">hi</div>

CSS

.menu{
    display: inline;
}
.m1{
    display: inline;
    border: 1px 
}
ul li.m1 : hover{
       bg:
}

ul li.m1 : hover ul{
    display:block;
}

.d1{
    display: none;
}

JavaScript

var student =  function(name){
   var fullName = name;
    function alertMe(){
     alert("kk");   
    }
    this.getName = function(){
        alertMe()
       document.getElementById("user").innerHTML =  'My name is ' + fullName;
    };
}

var p = new student('smith');
p.getName();
document.getElementById("user").innerHTML = p.fullName;