yashasvi9199/Search dynamic elements in array.jsp

## Search dynamic elements in array.jsp
<html>

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
</head>

<body>
    <h1>Please enter elements for the array</h1>
    <br>
    <input type="number" id="num" max="9" onchange="run()" />
    <br>
    <!-- <button onclick="run()">Input</button><br><br> -->

    <div id="search" hidden>
        <label>Select Type of selection</label><br>
        <input type="radio" name="radios" id="elem" value="elem" />
        <label for="elem">Index</label>
        <input type="radio" name="radios" id="numb" value="numb" />
        <label for="numb">Value</label><br>
        <input type="text" id="input1" hidden onchange="search()" />
    </div>


    <script>
        var input = [];
        input[0] = "Not accessible";
        let result = "";
        $('input[type=radio][name=radios]').change(function() {
            $("#input1").val("");
            //var selectedOpt = $('input[name="radios"]:checked').val();
            $("#input1").prop('hidden', false);
            console.log("Selected radio button option is : " + this.value);
            if (this.value == "elem") {
                $("#input1").attr('placeholder', 'Enter Index Number');
            } else if (this.value == "numb") {
                $("#input1").attr('placeholder', 'Enter Value in Array');
            }
        })

        function run() {
            var i,
                k = 1;
            var num = parseFloat($("#num").val());
            for (i = 1; i <= num; i++) {
                input[i] = prompt("Enter number for place : " + k);
                k++;
            }
            //alert(input);

            $("#num").val("");
            $("#search").prop('hidden', false);
        }

        function search() {
            var input1 = $("#input1").val();
            var selectedOpt = $('input[name="radios"]:checked').val();
            result = "Please enter a value";
            if (input1) {
                if (selectedOpt == "elem") {
                    result = "The value at element [" + input1 + "] is : " + input[input1];
                } else if (selectedOpt == "numb") {
                    if (input.indexOf(input1) != -1) {
                        result = "The Index value [" + input1 + "] is : " + input.indexOf(input1);
                    } else {
                        result = "The value not found in array!";
                    }

                }
                //console.log(result);

                alert(result);
            } else {
                alert("Please enter a value");
            }

        }
    </script>
</body>

</html>
	<html>

	<head>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
	</head>

	<body>
	<h1>Please enter elements for the array</h1>
	<br>
	<input type="number" id="num" max="9" onchange="run()" />
	<br>
	<!-- <button onclick="run()">Input</button><br><br> -->

	<div id="search" hidden>
	<label>Select Type of selection</label><br>
	<input type="radio" name="radios" id="elem" value="elem" />
	<label for="elem">Index</label>
	<input type="radio" name="radios" id="numb" value="numb" />
	<label for="numb">Value</label><br>
	<input type="text" id="input1" hidden onchange="search()" />
	</div>


	<script>
	var input = [];
	input[0] = "Not accessible";
	let result = "";
	$('input[type=radio][name=radios]').change(function() {
	$("#input1").val("");
	//var selectedOpt = $('input[name="radios"]:checked').val();
	$("#input1").prop('hidden', false);
	console.log("Selected radio button option is : " + this.value);
	if (this.value == "elem") {
	$("#input1").attr('placeholder', 'Enter Index Number');
	} else if (this.value == "numb") {
	$("#input1").attr('placeholder', 'Enter Value in Array');
	}
	})

	function run() {
	var i,
	k = 1;
	var num = parseFloat($("#num").val());
	for (i = 1; i <= num; i++) {
	input[i] = prompt("Enter number for place : " + k);
	k++;
	}
	//alert(input);

	$("#num").val("");
	$("#search").prop('hidden', false);
	}

	function search() {
	var input1 = $("#input1").val();
	var selectedOpt = $('input[name="radios"]:checked').val();
	result = "Please enter a value";
	if (input1) {
	if (selectedOpt == "elem") {
	result = "The value at element [" + input1 + "] is : " + input[input1];
	} else if (selectedOpt == "numb") {
	if (input.indexOf(input1) != -1) {
	result = "The Index value [" + input1 + "] is : " + input.indexOf(input1);
	} else {
	result = "The value not found in array!";
	}

	}
	//console.log(result);

	alert(result);
	} else {
	alert("Please enter a value");
	}

	}
	</script>
	</body>

	</html>