In else if (key === 'Target') code object.TnPort and object.TnPort2 variables are changed according to Consol log but in browser value remain

```// eRanConType prepares and returns Connection data fieldset
export const eRanConType = (object => {

	//create Connection fieldset
	const connectionType = {
		legend: 'Connection Type',
		class: 'lte',
		name: 'connection',
		default: object.Connection,
		rows: object.Connections,
		display: 'grid',
		width: '100%',
	}.createFieldsetSelect()
	const selectorCon = connectionType.querySelector('select')
	selectorCon.addEventListener('change', (evnt) => {
		object.Connection = evnt.target.value
	})

	//create bridge box
	const box = {
		id: 'bridge',
		legend: 'Choose if Bridge is used',
		class: 'lte',
		name: 'bridge',
		rows: object.Bridges,
		display: 'grid',
		width: '90%',
	}.createFieldsetRadio();
	box.querySelector('input').setAttribute('checked', '')
	box.addEventListener('change', (evnt) => {
		object.Bridge = evnt.target.value
	});

	//create port fieldset
	const port = {
		legend: 'Choose TnPort',
		class: 'lte',
		name: 'port',
		default: object.TnPort,
		rows: object.TnPorts,
		display: 'grid',
		width: '90%',
	}.createFieldsetSelect();
	const selectorPort = port.querySelector('select')
	selectorPort.addEventListener('change', (evnt) => {
	object.TnPort = evnt.target.value;
	});

	//create second port fieldset
	const port2 = {
		legend: 'Choose second TnPort',
		class: 'lte',
		name: 'port2',
		default: object.TnPort2,
		rows: object.TnPorts,
		display: 'grid',
		width: '90%',
		}.createFieldsetSelect();
	const selectorPort2 = port2.querySelector('select')
	selectorPort2.addEventListener('change', (evnt) => {
		object.TnPort2 = evnt.target.value;
	});

	//presave defaults
	const p1 = object.TnPort
	const p2 = object.TnPort2

	// Listener of changes in Connection Type
	const choosecon = connectionType.querySelector('select')
	choosecon.addEventListener('change', (evnt) => {
		const key = evnt.target.value
		console.log(Date.now(), key)
		if (key == 'Router') {
			object.TnPort2 = ''
			object.Bridge = 'No'
			object.TnPort = ''
			port.remove()
			port2.remove()
			box.remove()
			console.log(Date.now(), object.TnPort)
			console.log(Date.now(), object.TnPort2)
			return connectionType
		}
		connectionType.appendChild(box)
		connectionType.appendChild(port)
		let nodes = Object.keys(object.children)
		if (nodes.length === 2) {
			connectionType.appendChild(port2)
		}
		console.log(Date.now(), object.TnPort)
		console.log(Date.now(), object.TnPort2)
	})

	// Listener of changes in Bridge type
	const chooseBridgeInputs = box.querySelectorAll('input')
	chooseBridgeInputs.forEach(input => {
		input.addEventListener('change', (evnt) => {
			const key = evnt.target.getAttribute('value')
			console.log(Date.now(), key)
			if (key === 'Source') {
				object.Bridge = 'Source'
				object.TnPort = p1
				object.TnPort2 = ''
				if (connectionType.contains(port2)) {
					connectionType.removeChild(port2)
				}
				if (!connectionType.contains(port)) {
					connectionType.appendChild(port)
				}
			}
			else if (key === 'Target'){
				object.Bridge = 'Target'

				if (connectionType.contains(port2)) {
					connectionType.removeChild(port2)
				}
				if (connectionType.contains(port)) {
					connectionType.removeChild(port)
				}
				object.TnPort = p2
				object.TnPort2 = ''
				if (!connectionType.contains(port)) {
					connectionType.appendChild(port)
				}
			}
			else {
				object.Bridge = 'No'
				if (connectionType.contains(port)) {
					connectionType.removeChild(port)
				}
				if (connectionType.contains(port2)) {
					connectionType.removeChild(port2)
				}
				object.TnPort = p1
				object.TnPort2 = p2
				connectionType.appendChild(port)
				connectionType.appendChild(port2)
				}
			console.log(Date.now(), object.TnPort)
			console.log(Date.now(), object.TnPort2)
		})
    })

    //return
    return connectionType
})

// createFieldsetSelect creates and returns select fieldset
Object.prototype.createFieldsetSelect = function() {
    const fieldset = createFieldset.call(this)
    const select = this.createInputSelect()
    fieldset.appendChild(select)
	return fieldset
}
```