JSFiddle - React, Tailwind, and code Playground

by iBertel

HTML

<select id="cities">
    <option value="Aalborg">Aalbro</option>
    <option value="Hobro">Hobro</option>
    <option value="Svendborg">Svendborg</option>
    <option value="Hvidovre">Hvidovre</option>
</select>

<select id="radius">
    <option value="5">5</option>
    <option value="10">10</option>
    <option value="15">15</option>
    <option value="20">20</option>
</select>

<button type="button" id="addCity">Tilføj by</button>

JavaScript

var cities = [];


//onclick
$("#addCity").on("click", function(){
	var selectedCity = $("#cities").val();
	var selectedRadius = $("#radius").val();
	newCity = selectedCity + ", " + selectedRadius;

    if ($.inArray(newCity.split(',')[0], cities) !== -1)
    {
        alert("Du har allerede tilføjet "+ newCity);
    } else {
         cities.push(newCity);
        console.log("adding: " + newCity);
        console.log(cities.length);
        console.log(cities[0]);
    }
    
    
    

});