JSFiddle - React, Tailwind, and code Playground

by Laurent Dufour

HTML

<select id="option1" name="option1">
  <option value="5">cinq</option>
  <option value="10">dix</option>
  <option value="15">quinze</option>
  <option value="20">vingt</option>
</select>
+
<select id="option2" name="option2">
  <option value="5">cinq</option>
  <option value="10">dix</option>
  <option value="15">quinze</option>
  <option value="20">vingt</option>
</select>
=
<div id="result"></div>

JavaScript

$( "select" )
  .change(function () {
    var result = "";
    var option1 = Number( $( "#option1" ).val() );
    var option2 = Number( $( "#option2" ).val() );
    result = option1 + option2;
    $( "#result" ).text( result );
  })
  .change();