show or hide textbox according to number entered

Question

Hi

scenario is:

1 If user enter Number of floor = 1 then Floor Number and Area textbox show otherwise hidden

<div class="col-md-2 col-sm-12 mt-3">
                                <span class="m-2 text-white">No Of Floor</span>
                                <input class="form-control" id="NoOfFloor" name="NoOfFloor"type="text" />
                            </div>
                            <br />
                            <br />

                            <div id="floors">
                                <div class="col-md-2 col-sm-12 mt-3">
                                    <span class="m-2 text-white">Floor No</span>
                                    <input class="form-control" id="Floor1" name="Floor1" type="text" />
                                </div>

                                <div class="col-md-2 col-sm-12 mt-3">
                                    <span class="m-2 text-white">Area</span>
                                    <input class="form-control" id="Area1" name="Area1" type="text" />
                                </div>
                                .
                                .
                                .

                                <div class="col-md-2 col-sm-12 mt-3">
                                    <span class="m-2 text-white">Floor No</span>
                                    <input class="form-control" id="Floor5" name="Floor5" type="text" />
                                </div>

                                <div class="col-md-2 col-sm-12 mt-3">
                                    <span class="m-2 text-white">Area</span>
                                    <input class="form-control" id="Area5" name="Area5" type="text" />
                                </div>

                            </div>