paulmiller3000/return-two-values-to-es6-function.html

## return-two-values-to-es6-function.html
<!DOCTYPE html>
<html>
<head>
	<title>How to Return Two Values to a Function in ES6</title>
</head>
<body>
	<div class='container'>
		<form action='#' onsubmit='funFunction();return false'>
			<select name='vehicle-selector' id='vehicle-selector' required />
				<option value='BaseStar'>BaseStar</option>
              	<option value='Raptor'>Raptor</option>
              	<option value='Viper' selected='selected'>Viper</option>
            <input type='submit' value='Submit'>
		</form>
	</div>

</body>
<script type='text/javascript'>
	const isSpaceship = (ele) => {
		if (ele) {
			console.log('Happy path. Ele exists.');
			let selectedOption = ele.options[ele.selectedIndex].text;

			if ( selectedOption == 'Raptor' || selectedOption == 'Viper') return { ready: true, value: selectedOption };
		}

		return { ready: false };
	}

	const funFunction = () => {
		const documentStatusElement = document.getElementById('vehicle-selector');
		let { ready, value } = isSpaceship(documentStatusElement);

		switch (value) {
			case 'Raptor':
				console.log(`value: ${value}. Plan to do The Special. But first do this thing.`);
				break;
			case 'Viper':
				console.log(`value: ${value}. Plan to do The Special. But first do that thing.`);
				break;
			default:
				console.log(`value: ${value}. Do this other thing.`);
		}

		ready == true
			? console.log(`ready: ${ready}. Do The Special.`)
			: console.log(`ready: ${ready}. Do this other thing.`);
	}
</script>

</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>How to Return Two Values to a Function in ES6</title>
	</head>
	<body>
	<div class='container'>
	<form action='#' onsubmit='funFunction();return false'>
	<select name='vehicle-selector' id='vehicle-selector' required />
	<option value='BaseStar'>BaseStar</option>
	<option value='Raptor'>Raptor</option>
	<option value='Viper' selected='selected'>Viper</option>
	<input type='submit' value='Submit'>
	</form>
	</div>

	</body>
	<script type='text/javascript'>
	const isSpaceship = (ele) => {
	if (ele) {
	console.log('Happy path. Ele exists.');
	let selectedOption = ele.options[ele.selectedIndex].text;

	if ( selectedOption == 'Raptor' \|\| selectedOption == 'Viper') return { ready: true, value: selectedOption };
	}

	return { ready: false };
	}

	const funFunction = () => {
	const documentStatusElement = document.getElementById('vehicle-selector');
	let { ready, value } = isSpaceship(documentStatusElement);

	switch (value) {
	case 'Raptor':
	console.log(`value: ${value}. Plan to do The Special. But first do this thing.`);
	break;
	case 'Viper':
	console.log(`value: ${value}. Plan to do The Special. But first do that thing.`);
	break;
	default:
	console.log(`value: ${value}. Do this other thing.`);
	}

	ready == true
	? console.log(`ready: ${ready}. Do The Special.`)
	: console.log(`ready: ${ready}. Do this other thing.`);
	}
	</script>

	</html>