Skip to content
/ SOP Public

12th HSC Information Technology Chapter Wise SOP List 1.Advanced Web Designing,2.JavaScript,3.Server Side Scripting (PHP)

Notifications You must be signed in to change notification settings

AryanVBW/SOP

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


Hello, I'm Vivek 👋

Chapter Wise SOP List

Advanced Web Designing

SOP 1

Click here to view codes.

SOP 2

Click here to view codes.

SOP 3

Click here to view codes

SOP 4

Click here to view codes

SOP 5

Click here to view codes

JavaScript

SOP 1

*You can simply copy and paste this:

<!DOCTYPE html>
<html>
<head>
    <title>Sop 2 JavaScript</title>
</head>
<body>
    <h1>Information Form</h1>

<form name="f1">
    Your Name
<input type="text" name="txt_name">
<br>
<br>
Address
<textarea name="txt_address" placeholder="Permanent Address"></textarea>
<br>
<br>
Contact
<input type="tel" name="telephone" maxlength="10">
<br><br>

Email
<input type="email" name="txt_email" pattern="[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Z|a-z]{2,}">
<br>
<br>

<input type="button" name="b1" value="submit" onclick="validate_email()">
</form>
</body>

<script type="text/javascript">
    function validate_email()
    {
        var x=f1.txt_email.value;
        var at_pos=x.indexOf("@");
        var last_pos=x.lastIndexOf("@");
        var firstdot_pos=x.indexOf(".");
        var dot_pos=x.lastIndexOf(".");

        if (at_pos<1||dot_pos<at_pos+2||dot_pos+2>=x.length||firstdot_pos<at_pos||at_pos<last_pos)
        {
            alert("Not an Valid email address");
            f1.txt_email.focus();
        }
        else
        {
            alert("Valid Email Address");
            return true;
        }
    }
    
</script>
       <br>
       <br>
  <footer>
      <div class="footer__bottom ai-c jc-sb px-6">
        <div class="footer__bottom__copyright co-l">
          Copyright© 2022 All Rights Reserved <b>*Vivek Wagadare*</b> <br>
          This website is made by vivek wagadare under the guidance of the <b>jyotsna mam </b>(IT & Computer Science Teacher ARIHANT COLLEGE,camp)
        </div>
       
    
    </footer>
  
</html>
SOP 2

*You can simply copy and paste this:

<!DOCTYPE html>

<html>

<head>

	<title>Sop 3 JAVasript Count vowels</title>

</head>

<body>

<form name="form1">

	<h1>Enter the String whose vowel isto be counted</h1>

	<input type="text" name="text1"> 

	<input type="button" name="btn_checkvowel" value="Click to count" onclick="count()">

</form>

<script type="text/javascript">

	function count()

	{

		var i,ch,str,counter=0;

		str=form1.text1.value;

		for(i=0;i<str.length;i++)

		{

			ch=str.charAt(i);

			if(ch=='A'||ch=='a'||ch=='e'||ch=='E'||ch=='i'||ch=='I'||ch=='o'||ch=='O'||ch=='u'||ch=='U')

				counter++;

		}

		alert("Number of Vowels in Entered String is:"+counter);

	}

</script>

</body>

<br><br>

  <footer>

      <div class="footer__bottom ai-c jc-sb px-6">

        <div class="footer__bottom__copyright co-l">

          Copyright© 2022 All Rights Reserved <b>*Vivek Wagadare*</b> <br>

     	    This website is made by vivek wagadare under the guidance of the <b>jyotsna mam </b>(IT & Computer Science Teacher ARIHANT COLLEGE,camp)

        </div>

       

    

    </footer>

  

</html>
SOP 3

*You can simply copy and paste this:

<!DOCTYPE html>

<html>

<head>

	<title>JavaScript SOP 4 Example</title>

</head>

<body>

<form name="f1">

	Enter the string to check it is palindrome or not! 

	<br>

	<input type="text" name="t1">

	<br>

	<br>

	<input type="button" name="check_palin" value="Check String" onclick="chk_palindrome()">

</form>

<script type="text/javascript">

	function chk_palindrome()

	{

		var str,str_case,i,len;

		str=f1.t1.value;

		str_case=str.toLowerCase();

		len=str_case.length;

		var p=1;

		for(i=0;i<len/2;i++)

		{

			if(str_case.charAt(i)!=str_case.charAt(len-1-i))

			{

				p=0;

				break;

			}

		}

		if(p==1)

		{

			alert("Entered string is Palindrome");

		}

		else

		{

			alert("Entered string is Not a Palindrome")

		}

		

	}

</script>



</body>

  <footer>

      <div class="footer__bottom ai-c jc-sb px-6">

        <div class="footer__bottom__copyright co-l">

          Copyright© 2022 All Rights Reserved <b>*Vivek Wagadare*</b> <br>

     	    This website is made by vivek wagadare under the guidance of the <b>jyotsna mam </b>(IT & Computer Science Teacher ARIHANT COLLEGE,camp)

        </div>

       

    

    </footer>

  

</html>
SOP 4

*You can simply copy and paste this:

<!DOCTYPE html>

<html>

<head>

	<title>SOP 4 Javascript</title>

<body>



<h2>JavaScript code to convert Celcius to Fahrenhiet </h2>

<br>

<p>Enter the Temperature</p>



<p><input type="text" id="txt_celsius" onkeyup="convert('C')"> Temperature in degree Celsius</p>

<br>

<p><input type="text" id="txt_fah" onkeyup="convert('F')"> Temperature in degree Fahrenheit</p> 



<script>

function convert(temperature) {

  var t;

  if (temperature == "C") //Celsius to fahrenit

  {

    t = document.getElementById("txt_celsius").value * 9 / 5 + 32;

    document.getElementById("txt_fah").value = Math.round(t);

  } 

  else           //fahrenirt to celsius

   {

    t = (document.getElementById("txt_fah").value -32) * 5 / 9;

    document.getElementById("txt_celsius").value = Math.round(t);

  }

}

</script>



//Note:-you can remove math.round function if you need answer in decimal





</body>

<br><br>

  <footer>

      <div class="footer__bottom ai-c jc-sb px-6">

        <div class="footer__bottom__copyright co-l">

          Copyright© 2022 All Rights Reserved <b>*Vivek Wagadare*</b> <br>

     	    This website is made by vivek wagadare under the guidance of the <b>jyotsna mam </b>(IT & Computer Science Teacher ARIHANT COLLEGE,camp)

        </div>

       

    

    </footer>

  

</html>

Server Side Scripting

SOP 1

*You can simply copy and paste this:

save as age.php

<?php

if(isset($_POST['submit']))

{

  $age=$_POST['txt_age'];

if($age>=18)

echo "<br> you are eligible to vote  ";

else

echo "<br> sorry you are not eligible to vote ";

}

?>

save as index.html

<html>

<body>

<h1>Person eligible to vote or not ? </h1>

<form  method="post"action="age.php" >

<input type="text" name="age"><br><br>

<input type="submit" name="submit" value="Check Eligiblity">

</form>

</body> <br>

<br>

 <footer>

      <div class="footer__bottom ai-c jc-sb px-6">

        <div class="footer__bottom__copyright co-l">

          Copyright© 2022 All Rights Reserved <b>*Vivek Wagadare*</b> <br>

     	    This website is made by vivek wagadare under the guidance of the <b>jyotsna mam </b>(IT & Computer Science Teacher ARIHANT COLLEGE,camp)

        </div>

       

    

    </footer>

  



</html>
SOP 2

*You can simply copy and paste this:

Save as vowel_cnt.php

<?php



if(isset($_POST['submit']))



{



$str strtolower($_POST['txt_string']);



$vowel array('a', 'e', 'i', 'o', 'u');



$len-strlen($str);



$num=0;



for ($i=0;$i<$len;$i++)



{



if(in_array($str[$i], $vowel))



{



$num++;



}



}



echo "<b>Number of Vowels in entered string is: ".$num;



}

Save as vowelchk.html

<!DOCTYPE html>



<html>



<head>



<title>SOP 2 Server Side Scripting PHP</title>



</head>



<body>



<form method="post" action="vowel_cnt.php">



<h1>Program to count no of vowels</h1>



Enter The String



<input type="text" name="txt_string">



<br>



<input type="submit" name="submit" value="Count Vowel">



</form>



</body><br><br>

  <footer>

      <div class="footer__bottom ai-c jc-sb px-6">

        <div class="footer__bottom__copyright co-l">

          Copyright© 2022 All Rights Reserved <b>*Vivek Wagadare*</b> <br>

     	    This website is made by vivek wagadare under the guidance of the <b>jyotsna mam </b>(IT & Computer Science Teacher ARIHANT COLLEGE,camp)

        </div>

       

    

    </footer>

  



</html>
SOP 3

*You can simply copy and paste this:

Save as

<?php 

    //Display elements of an array along with their keys

$age = array("Vivek"=>"18", "Akshyat"=>"17", "Gautam"=>"19");



foreach($age as $x => $x_value) {

    echo "Key = " . $x . ", Value = " . $x_value;

    echo "<br>";

}

    //Display the size of an array

    echo "<br>Size of Array is : ".count($age)."<br>";



    //Delete an element from an array from the given index

        $data = array(1,2,3,4,5);

        for ($i=0; $i < count($data); $i++) { 

            echo " ".$data[$i];

        }

        unset($data[1]);

        echo "<br>Elements After Deleting : <br>";

        for ($i=0; $i < count($data); $i++) { 

            echo " ".$data[$i];

        }

 ?>



Output








About

12th HSC Information Technology Chapter Wise SOP List 1.Advanced Web Designing,2.JavaScript,3.Server Side Scripting (PHP)

Resources

Code of conduct

Security policy

Stars

Watchers

Forks

Packages

No packages published