web 3rd sem

web 2022 Solution || BIM Study Notes

August 26, 2022BIM NotesLeave a Comment

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Document</title>
    <style>
        table,td,th{
            border: 1px solid black ;
            border-collapse: collapse; }
    </style>
</head>
<body>
    <table>
    </table>
    <script>
        var students = [[1,"Arbind","bim"],[1,"bishal","bhm"],[1,"raju","csit"],[1,"ram","bbm"],[1,"sam","bbm"]]
        var table=``
        table+=`<tr>
    <th>roll</th>
    <th>name</th>
    <th>faculty</th>
</tr>`
        for(var i = 0 ; i < students.length;i++){
                table+=`<tr>
                    <td>${students[i][0]}</td>
                    <td>${students[i][1]}</td>
                    <td>${students[i][2]}</td>
                       </tr>`
        }
        var data = document.querySelector("table")
        data.innerHTML=table
    </script>
</body>
</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

table,td,th{

border: 1px solid black ;

border-collapse: collapse; }

</style>

</head>

<body>

<table>

</table>

var students = [[1,"Arbind","bim"],[1,"bishal","bhm"],[1,"raju","csit"],[1,"ram","bbm"],[1,"sam","bbm"]]

var table=``

table+=`<tr>

<th>faculty</th>

</tr>`

for(var i = 0 ; i < students.length;i++){

table+=`<tr>

<td>${students[i][0]}</td>

<td>${students[i][1]}</td>

<td>${students[i][2]}</td>

</tr>`

}

var data = document.querySelector("table")

data.innerHTML=table

</script>

</body>

</html>

Q.NO 12) javaScript code to check if the given number is multiple of 5 or not

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Document</title>
</head>
<body>
    <form>
    Enter the number :
    <input type="text" name="number" id="number">
    <button>check</button>
  </form>
    <script>
        var button = document.querySelector("button")
        button.addEventListener('click',(e)=>{
            e.preventDefault()
            var number = parseInt(document.getElementById('number').value)
        if(number%5==0)alert("It is the multiple of 5")
        else alert("It is not the multiple of 5")
        })
    </script>
</body>
</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<form>

Enter the number :

<button>check</button>

</form>

var button = document.querySelector("button")

button.addEventListener('click',(e)=>{

e.preventDefault()

var number = parseInt(document.getElementById('number').value)

if(number%5==0)alert("It is the multiple of 5")

else alert("It is not the multiple of 5")

})

</script>

</body>

</html>

Q.NO 14) HTML code to generate the following table

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Document</title>
</head>
<style>
    table,td{
        border:1px solid black;
        border-collapse: collapse;
        padding:20px;
    }
</style>
<body>
  <table>
    <tr>
        <td></td>
        <td rowspan="2"></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>
</body>
</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<style>

table,td{

border:1px solid black;

border-collapse: collapse;

padding:20px;

}

</style>

<body>

<table>

<tr>

</tr>

<tr>

</tr>

</table>

</body>

</html>

Q.NO 16 ) Example to show client side validation

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Document</title>
</head>
<body>
<form>
    username : <input type="text" name="username" id="username"> <br>
    password : <input type="text" name="password" id="password"> <br>
    contact : <input type="text" name="contact" id="contact"> <br>
    <button name="submit" id="submit">submit</button>
</form>
<script>
    var button = document.querySelector("#submit")
    button.addEventListener('click',(e)=>{
        e.preventDefault()
        var username= document.getElementById('username').value
        var password= document.getElementById('password').value
        var contact= document.getElementById('contact').value
 var usernameRegex =/^([a-zA-Z])+([0-9]?)+$/
 var passwordRegex = /^[A-Za-z0-9]{6}$/
var contactRegex = /^([0-9]){10}$/
if(username.match(usernameRegex) && password.match(passwordRegex) && contact.match(contactRegex))
alert('success')
        else alert('fail')
    })
</script>
</body>
</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<form>

username : <input type="text" name="username" id="username"> <br>

password : <input type="text" name="password" id="password"> <br>

contact : <input type="text" name="contact" id="contact"> <br>

<button name="submit" id="submit">submit</button>

</form>

var button = document.querySelector("#submit")

button.addEventListener('click',(e)=>{

e.preventDefault()

var username= document.getElementById('username').value

var password= document.getElementById('password').value

var contact= document.getElementById('contact').value

var usernameRegex =/^([a-zA-Z])+([0-9]?)+$/

var passwordRegex = /^[A-Za-z0-9]{6}$/

var contactRegex = /^([0-9]){10}$/

if(username.match(usernameRegex) && password.match(passwordRegex) && contact.match(contactRegex))

alert('success')

else alert('fail')

})

</script>

</body>

</html>

Web 2016 Old paper Solutions

December 19, 2021BIM NotesLeave a Comment

2016 Old paper Q.no 12

javascript function that checks password and retyped password of two different password fields are same
 or not.
<html>
<head>
<title>web</title>
<script type="text/javascript">
function validate(){
var mypwd=document.myform.pwd.value;
var myrpwd=document.myform.rpwd.value;
if(mypwd !=myrpwd) {
alert("password doesn't match");
return false;
}
else{
alert("okay");
return true;
}
}
</script>
</head>
<body>
<form name="myform">
<fieldset>
<legend>Confirm Password</legend>
<label> Password: <input type="password" name="pwd"></label>
<label> Retype-Password: <input type="password" name="rpwd"></label><button onclick="return validate();">Confirm</button>
</fieldset>
</form>
</body>
</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

javascript function that checks password and retyped password of two different password fields are same

or not.

<html>

<head>

function validate(){

var mypwd=document.myform.pwd.value;

var myrpwd=document.myform.rpwd.value;

if(mypwd !=myrpwd) {

alert("password doesn't match");

return false;

}

else{

alert("okay");

return true;

}

</script>

</head>

<body>

<legend>Confirm Password</legend>

<label> Password: <input type="password" name="pwd"></label>

<label> Retype-Password: <input type="password" name="rpwd"></label><button onclick="return validate();">Confirm</button>

</fieldset>

</form>

</body>

</html>

14.

Write a JavaScript code to check if a number given by user is prime or not.
<html><head>
<title>Prime check</title>
<script type="text/Javascript">
var a=prompt ("Enter a num: ");
var i, flag1=0; for(i=2; i<a/2;i++)
{
if(a i==0) {
flag1=1; break;
}
}
if(flag1==0) {
document.write (a+" is a a prime number");
}
else {
document.write (a+" is not a prime number"); 0}
</script>
</head>
<body>
</body>
</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

Write a JavaScript code to check if a number given by user is prime or not.

<title>Prime check</title>

var a=prompt ("Enter a num: ");

var i, flag1=0; for(i=2; i<a/2;i++)

{

if(a i==0) {

flag1=1; break;

}

if(flag1==0) {

document.write (a+" is a a prime number");

}

else {

document.write (a+" is not a prime number"); 0}

</script>

</head>

<body>

</body>

</html>

Q.no 15

Q.no 15
<head>
<title>Form</title>
</head>
<link rel="stylesheet" type="text/css" href="div.css">
</head><body>
<div id="a"> a</div>
<div id="b"> b</div>
<div id="c"> c</div>
<div id="d">d</div>
<body>
</body>
</html>
#a{
width:100px; height:100px; background-color:red; position:relative;
#b{ width:100px; height:100px; background-color:green; position:relative;right:-100px; top:-100px;
#c{ width:100px; height:100px; background-color: white; position:relative;right: 0px;top:-100px;
#d{ width:100px; height:100px; background-color: blue; position:relative;right:-100px;top:-200px;
div {
border-style:solid; border-width:0.05px
}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

Q.no 15

<head>

</head>

</head><body>

<body>

</body>

</html>

#a{

width:100px; height:100px; background-color:red; position:relative;

#b{ width:100px; height:100px; background-color:green; position:relative;right:-100px; top:-100px;

#c{ width:100px; height:100px; background-color: white; position:relative;right: 0px;top:-100px;

#d{ width:100px; height:100px; background-color: blue; position:relative;right:-100px;top:-200px;

div {

border-style:solid; border-width:0.05px

}

Web 2017 Old paper Solutions || BIM STUDY NOTES

December 19, 2021BIM NotesLeave a Comment

Year 2017 checkout question in question paper section. //Q.no 11

<html>
<head>
<style>
table
{
border:1px solid black;
border-collapse:collapse;
}
</style>
</head>
<body>
<table border="width:50%">
<tr>
<th colspan="2">Subject</th>
<th> John Doe</th>
<th>Mirim Luther</th>
</tr>
<td rowspan="2"><b>Biology</b></td>
<td><b>Practical</b></td>
<td> A</td>
<td>A</td>
</tr>
<tr>
<td><b> Theory</b></td>
<td>A+</td>
<td> A</td>
</tr>
<tr>
<td rowspan="2"><b>Chemistry</b></td>
<td><b>Practical</b></td>
<td>B</td>
<td>C</td>
</tr>
<tr>
<td><b>Theory</b></td>
<td>A</td>
<td>C+</td>
</tr>
<tr>
<td rowspan="2"><b>Physics</b></td>
<td><b>Practicals</b></td>
<td>A </td>
<td>A</td>
</tr>
<tr>
<td><b> Theory</b></td>
<td>A-</td>
<td>A-</td>
</tr>
</table>
</body>
</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

<html>

<head>

<style>

table

{

border:1px solid black;

border-collapse:collapse;

}

</style>

</head>

<body>

<tr>

<th colspan="2">Subject</th>

<th>Mirim Luther</th>

</tr>

<td rowspan="2"><b>Biology</b></td>

<td><b>Practical</b></td>

</tr>

<tr>

<td><b> Theory</b></td>

</tr>

<tr>

<td rowspan="2"><b>Chemistry</b></td>

<td><b>Practical</b></td>

</tr>

<tr>

<td><b>Theory</b></td>

</tr>

<tr>

<td rowspan="2"><b>Physics</b></td>

<td><b>Practicals</b></td>

</tr>

<tr>

<td><b> Theory</b></td>

</tr>

</table>

</body>

</html>

Q.no 12

<html>
	<head>
		<title>Divs</title>
		<style type="text/css">
			.main{border:2px solid black; height:500px;width:1000px;}
			.fr{height:100px;width:1000px;border-bottom:2px solid black;}
			.fr1{height:100px;width:800px;border-right:2px solid black;float:left;}
			.fr2{height:100px;width:200px;float:right;}
			.sr{height:300px;width:1000px;border-bottom:2px solid black;}
			.sr1{height:300px;width:200px;border-right:2px solid black;float:left;}
			.sr2{height:300px;width:800px;float:right;}
			.tr{height:100px;width:1000px;}
		</style>
	</head>
	<body>
		<div class="main">
			<div class="fr">
				<div class="fr1"></div>
				<div class="fr2"></div>
			</div>
			<div class="sr">
				<div class="sr1"></div>
				<div class="sr2"></div>
			</div>
			<div class="tr"></div>
		</div>
	</body>
</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

<html>

<head>

.main{border:2px solid black; height:500px;width:1000px;}

.fr{height:100px;width:1000px;border-bottom:2px solid black;}

.fr1{height:100px;width:800px;border-right:2px solid black;float:left;}

.fr2{height:100px;width:200px;float:right;}

.sr{height:300px;width:1000px;border-bottom:2px solid black;}

.sr1{height:300px;width:200px;border-right:2px solid black;float:left;}

.sr2{height:300px;width:800px;float:right;}

.tr{height:100px;width:1000px;}

</style>

</head>

<body>

</div>

</div>

</div>

</body>

</html>

Q.no 13 Write a JavaScript function that takes two strings as arguments and checks them for equality. If both the strings are equal then display the first string in uppercase else return “the two strings do not match”.

<html>
	<head>
		<title>String 4</title>
	</head>
	<body>
	<script type="text/Javascript"		str1=new String("BIM Study Notes"); var a1=str1.length;
str2=new String("BIM Study Notes"); var a2=str2.length;
	var i;
	var count=0;
	for(i=0;i<=a1;i++)
		{
			if(str1.charAt(i)!=str2.charAt(i))
		{
				count++;
					break;
				}
		}
		if(count==0)
		{
document.write("<br>Uppercase is: "+str1.toUpperCase());
	}
else document.write("<br>They are not equal");
		</script>
	</body>
</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

<html>

<head>

<title>String 4</title>

</head>

<body>

str2=new String("BIM Study Notes"); var a2=str2.length;

var i;

var count=0;

for(i=0;i<=a1;i++)

{

if(str1.charAt(i)!=str2.charAt(i))

{

count++;

break;

}

if(count==0)

{

document.write("<br>Uppercase is: "+str1.toUpperCase());

}

else document.write("<br>They are not equal");

</script>

</body>

</html>

Q.no […]

Web 2018 old paper Solution || BIM STUDY NOTES

December 19, 2021BIM NotesLeave a Comment

year 2018 Q.no 11 Checkout question from question section.

<!DOCTYPEhtml>
<html>
<head>
<title></title>
<styletype="text/css">
*
{
box-sizing:border-box;
}
.
a
{
height:100px;
width:1000px;
border:2pxsolidblack;
display:block;
/*float:left;*/
}
.
b
{
display:block;
border:2pxsolidblack;
height:300px;
width:250px;
float:left;
}
</style>
</head>
<body>
<divclass="a"><h1>HeaderGoesHere</h1></div>
<divclass="b">b</div>
<divclass="c">c</div>
<divclass="d">d</div>
<divclass="e">d</div>
</body>
</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

<!DOCTYPEhtml>

<html>

<head>

<styletype="text/css">

*

{

box-sizing:border-box;

}

.

a

{

height:100px;

width:1000px;

border:2pxsolidblack;

display:block;

/*float:left;*/

}

.

b

{

display:block;

border:2pxsolidblack;

height:300px;

width:250px;

float:left;

}

</style>

</head>

<body>

<divclass="a"><h1>HeaderGoesHere</h1></div>

<divclass="b">b</div>

<divclass="c">c</div>

<divclass="d">d</div>

<divclass="e">d</div>

</body>

</html>

Q.no 12 . Write a source code to create the login form that contains a textbox for username, a textbox for password and a submit button. Make the following validations (both username and password isrequired and cannot be the same and length should be greater than […]

Web 2019 old Paper Solution || BIM STUDY NOTES

December 19, 2021BIM NotesLeave a Comment

Q.no 12 & 16 :- checkout in web long answer question page . Q.no 11

Question :- Write a JavaScript  program to add  numbers of list.
//BIM Study Notes
<html>
	<head>
		<script>
			function add(){
			var a,b,c;
			a=Number(document.getElementById("first").value);
			b=Number(document.getElementById("second").value);
			c= a + b;
			document.getElementById("answer").value= c;
			}
		</script>
	</head>
//BIM Study Notes
	<body>
		Enter the First number : <input id="first"><br />
		Enter the Second number: <input id="second"><br />
		<button onclick="add()">Add</button>
		<input id="answer">
		</body>
</html>
//BIM Study Notes

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

Question :- Write a JavaScript program to add numbers of list.

//BIM Study Notes

<html>

<head>

function add(){

var a,b,c;

a=Number(document.getElementById("first").value);

b=Number(document.getElementById("second").value);

c= a + b;

document.getElementById("answer").value= c;

}

</script>

</head>

//BIM Study Notes

<body>

Enter the First number : <input id="first"><br />

Enter the Second number: <input id="second"><br />

</body>

</html>

//BIM Study Notes

Q.no 13

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<script type="text/javascript">
		 var string="yashu";
		 var revString=string.split("").reverse().join("");
		 alert(revString);
	</script>
</body>
</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

<!DOCTYPE html>

<html>

<head>

</head>

<body>

var string="yashu";

var revString=string.split("").reverse().join("");

alert(revString);

</script>

</body>

</html>

Q.no 14

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	Name: <br> <input type="text" id="user">
	Address:  <br><input type="text" id="add">
	Email: <br> <input type="email" id="email">
	Password: <br> <input type="passwod" id="password">
	<script type="text/javascript">
		function validate()
		{
			var a=document.getElementById('user').value;
			var b=document.getElementById('add').value;
			var c=document.getElementById('email').value;
			var d=document.getElementById('password').value;
			var isSuccess=1;
			//Patter for email
			var emailPattern=/^[a-z]\S+\@\S+\.\S+/;
			var checkEmail=emailPattern.test(c);
			if(a==''||b==''||c==''||d=='')
			{
				alert("Fields Cant be Empty");
				isSuccess=0;
			}
			if(checkEmail!=true)
			{
				alert("Enter the valid email pattern");
				isSuccess=0;
			}
			if(d.password<6)
			{
				alert("Password must be more than 7 characters");
				isSuccess=0;
			}
			if(isSuccess==1)
			{
				alert("Successfully Login");
			}
		}
	</script>
</body>
</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

<!DOCTYPE html>

<html>

<head>

</head>

<body>

Name: <br> <input type="text" id="user">

Address: <br><input type="text" id="add">

Email: <br> <input type="email" id="email">

Password: <br> <input type="passwod" id="password">

function validate()

{

var a=document.getElementById('user').value;

var b=document.getElementById('add').value;

var c=document.getElementById('email').value;

var d=document.getElementById('password').value;

var isSuccess=1;

//Patter for email

var emailPattern=/^[a-z]\S+\@\S+\.\S+/;

var checkEmail=emailPattern.test(c);

if(a==''||b==''||c==''||d=='')

{

alert("Fields Cant be Empty");

isSuccess=0;

}

if(checkEmail!=true)

{

alert("Enter the valid email pattern");

isSuccess=0;

}

if(d.password<6)

{

alert("Password must be more than 7 characters");

isSuccess=0;

}

if(isSuccess==1)

{

alert("Successfully Login");

}

</script>

</body>

</html>

Q.no 15 checkout image in question paper section.

 //BIM Study Notes
In HTML file:
<html>
	<head>
		<title>without using table tag</title>
		<link rel="Stylesheet" type="text/css" href="div.css">
	</head>
	<body>
			<div class="one">
				<h1>div1</h1>
			</div>
			<div class="two">
				<h1>div2</h1>
			</v>
			<div class="third">
				<h1>div3</h1>
			</div>
			<div class="fourth">
				<h1>div4</h1>
			</div>
			<div class="fifth">
				<h1>div5</h1>
			</div>
	</body>
</html>
//BIM Study Notes
In CSS file:
	div{
	border-style:solid;
	border-width:5 px;
}
.one
{
	height:50px;
	width:200px;
}
.two
{
	position:relative;
	height:206px;
	width:100px;
	left:205px;
	top:-56px;
}
.third
{
	position:absolute;
	height:50px;
	width:100px;
	top:62px;
}
.fourth
{
	position:relative;
	height:50px;
	width:100px;
	left:102px;
	bottom:215px;
}
.fifth
{
	position:absolute;
	height:100px;
	width:200px;
	top:115px;
}
 //BIM Study Notes

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

//BIM Study Notes

In HTML file:

<html>

<head>

<title>without using table tag</title>

</head>

<body>

</div>

</v>

</div>

</div>

</div>

</body>

</html>

//BIM Study Notes

In CSS file:

div{

border-style:solid;

border-width:5 px;

}

.one

{

height:50px;

width:200px;

}

.two

{

position:relative;

height:206px;

width:100px;

left:205px;

top:-56px;

}

.third

{

position:absolute;

height:50px;

width:100px;

top:62px;

}

.fourth

{

position:relative;

height:50px;

width:100px;

left:102px;

bottom:215px;

}

.fifth

{

position:absolute;

height:100px;

width:200px;

top:115px;

}

//BIM Study Notes

Web Programming-1 TU Paper || BIM Notes

February 20, 2018BIM NotesLeave a Comment