let list ='https://upload.wikimedia.org/wikipedia/commons/3/32/Comparison_wire_gauge_sizes.svg '

​

let e_sel;

​

function setup_wire_diameter_select() {

  textAlign(CENTER);

  background(200);

  e_sel = createSelect();

  e_sel.position(10, 10);

  e_sel.option('1.630 mm / 14 AWG');

  e_sel.option('1.780 mm / 2.5 IEC');

  e_sel.option('1.830 mm / 13 AWG');

  e_sel.option('2.050 mm / 12 AWG');

  e_sel.option('2.260 mm /  4 IEC');

  e_sel.option('2.300 mm / 11 AWG');

  e_sel.option('2.590 mm / 10 AWG');

  e_sel.option('2.760 mm /  6 IEC');

  e_sel.option('2.910 mm /  9 AWG');

  e_sel.option('3.260 mm /  8 AWG');

  e_sel.option('3.570 mm / 10 IEC');

  e_sel.option('3.660 mm /  7 AWG');

  e_sel.option('4.120 mm /  6 AWG');

  e_sel.option('4.510 mm / 16 IEC');

  e_sel.selected('2.260 mm /  4 IEC'); // start same as diameter setting

  e_sel.changed(myCableSelectEvent);

}

​

function myCableSelectEvent() {

  let item = e_sel.value();

  let splitString = split(item, ' ');

  let set_m = float(splitString[0])/1000.0;

  console.log('It is a: ' + item + '_ diameter cable, set_m: ' + set_m + ' [m]');

}

​

function setup() {

  createCanvas(400, 400);

  setup_wire_diameter_select();

  console.log(list);

}

​

function draw() {

  background(220);

}