JavaScript - Ejercicio de select y createElement cuando elijo una opcion

Hola. Estoy haciendo un ejercicio. Lo que quiero hacer es un select.

Tiene una cantidad de jugadores, y cada vez que le doy 1 2 o 3 quiero que me cree la cantidad de inputs para poner el nombre de los jugadores en esos inputs.

HTML

<div class="container">
<div class=" selectDiv">
<select id="sltJugadores"><!-- jugadores -->

<option value="1" class="validated">1</option>
<option value="2" class="validated">2</option>
<option value="3" class="validated">3</option>

</select>
</div>
</div>

JS

var selectDiv = document.getElementById('selectDiv');
var cantidadJugadores = document.querySelector('#sltJugadores').value;

if(cantidadJugadores === '1'){
var input = document.createElement('input');
selectDiv.appendChild(input);

}

En el js esto es lo que quiero hacer sucesivamente con cada uno, si elijo 2, que se creen dos inputs, o si elijo 3 igual, pero algo no sirve. Me dice : Cannot call method 'appendChild.

Espero puedan ayudarme.

var cantidadJugadores = document.getElementById('sltJugadores').value;