JSFiddle - React, Tailwind, and code Playground

by riyadh

HTML

<select id="sel">
    <option>Coba Dulu</option>
    <option>Semangat</option>
    <option>Mantav</option>
</select>
<!-- <button id="btn">Select Fish</button> -->

<div id="main">
    <div class="sec satu" title="Coba Dulu"></div>
    <div class="sec dua" title="Semangat"></div>
    <div class="sec tiga" title="Mantav"></div>
</div>

<!-- <p id="output"></p> -->

SCSS

.sec {
  height:100px;
  &.satu {
     background-color:red;
  }

  &.dua {
     background-color:blue;
  }

  &.tiga {
     background-color:yellow;
  }
}

JavaScript

$(document).ready(function () {
		$('#main .sec').mouseover(function() {
  			var val = this.title;
        $('#sel').val(val);
        /* document.getElementById("output").innerHTML = this.title; */
		});
});