JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<select>
    <option value="0">Select car:</option>
    <option value="1">Audi</option>
    <option value="2">BMW</option>
    <option value="3">Citroen</option>
    <option value="4">Ford</option>
    <option value="5">Honda</option>
    <option value="6">Jaguar</option>
    <option value="7">Land Rover</option>
    <option value="8">Mercedes</option>
    <option value="9">Mini</option>
    <option value="10">Nissan</option>
    <option value="11">Toyota</option>
    <option value="12">Volvo</option>
  </select>

CSS

select {
   /* -webkit-appearance: none; */
  padding: 10px;
  border-radius: 10px;
  outline: none;
}
select:active {
  /* background: red; */
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom: none;
}
option {
  -webkit-appearance: none;
  /* background: red; */
  padding: 10px;
}

JavaScript

var Options = {
	Initial_Money : 200,
	Tries : 10,
	Days : 31
}




var e = document.querySelector('#result');

var c = 1;

var a = function(n){

	var b = function(n){

		if (c === Options.Days) {
			return n;
		}

		n = (n / Options.Tries * 3 ) + n;

		console.log(n)

		e.innerHTML += 'Day ' + c + ' = ' + Math.floor(n) + ' GEL ' + '<br>';

		c++;
		
		b(n)
	}

	b(n);

}

a(Options.Initial_Money);