web solution

web 2021 Makeup solution

August 26, 2022BIM NotesLeave a Comment

<!DOCTYPE html>
<html>
<head>
    <title>Nested table</title>
</head>
<body>
    <table border="1">
        <tr>
            <th>id</th>
            <th>name</th>
            <th>mark</th>
        </tr>
        <tr>
            <td>1</td>
            <td>bishal</td>
            <td>50</td>
        </tr>
        <tr>
            <td>2</td>
            <td>bijay</td>
            <td>
                <table border="1">
                    <tr>
                        <th>theory</th>
                        <th>practical</th>
                    </tr>
                    <td>40</td>
                    <td>60</td>
                </table>
            </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

<!DOCTYPE html>

<html>

<head>

<title>Nested table</title>

</head>

<body>

<tr>

</tr>

<tr>

<td>bishal</td>

</tr>

<tr>

<td>bijay</td>

<td>

<tr>

<th>theory</th>

<th>practical</th>

</tr>

</table>

</td>

</tr>

</table>

</body>

</html>

<head>
    <title>JavaScript</title>
</head>
<body>
    <script>
        function SumOfArray(array){
            var sum = 0;
            for(var i = 0 ; i < array.length;i++ ){
                if(array[i]%5==0 && array[i]%9==0){
                    sum+=array[i];
                }
            }
            console.log("the sum is "+sum)
        }
        sumOfArray([1,2,4,5,6]);
    </script>
</body>
</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

<head>

<title>JavaScript</title>

</head>

<body>

function SumOfArray(array){

var sum = 0;

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

if(array[i]%5==0 && array[i]%9==0){

sum+=array[i];

}

console.log("the sum is "+sum)

}

sumOfArray([1,2,4,5,6]);

</script>

</body>

</html>

Q.NO) 14 source code to display the following code using divs

<head>
    <title>div design</title>
</head>
<style>
    div{
        text-align: center;
        color: white;
        justify-items: center;
        align-items: center;
    }
    .main{
        width:400px;
        height:400px;
    }
    .div1{
        width:400px;
        height:20px;
        background-color: green;
    }
    .div2{
        width:400px;
        height:20px;
        background-color: rgb(24, 10, 184);
    }
    .div3{
        height:340px;
        width:200px;
        float:left;
        background-color: yellow;
    }
    .div4{
        height:340px;
        width:200px;
        float:right;
        background-color: rgb(25, 174, 190);
    }
    .div5{
        width:400px;
        background-color: rgb(30, 28, 25);
    }
</style>
<body>
    <div class="main">
<div class="div1">This is header</div>
<div class="div2">This is Nagivation  bar</div>
<div class="div3">left content</div>
<div class="div4">right content</div>
<div class="div5">this a footer</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

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

<head>

<title>div design</title>

</head>

<style>

div{

text-align: center;

color: white;

justify-items: center;

align-items: center;

}

.main{

width:400px;

height:400px;

}

.div1{

width:400px;

height:20px;

background-color: green;

}

.div2{

width:400px;

height:20px;

background-color: rgb(24, 10, 184);

}

.div3{

height:340px;

width:200px;

float:left;

background-color: yellow;

}

.div4{

height:340px;

width:200px;

float:right;

background-color: rgb(25, 174, 190);

}

.div5{

width:400px;

background-color: rgb(30, 28, 25);

}

</style>

<body>

<div class="div1">This is header</div>

<div class="div2">This is Nagivation bar</div>

<div class="div3">left content</div>

<div class="div4">right content</div>

<div class="div5">this a footer</div>

</div>

</body>

</html>

Q.No 15) Source code to design and validate the form below. Assume all the required validation

<head>
    <title>Document</title>
</head>
<body>
    <form name="validate">
    <table border="1">
        <tr>
<td>Name</td>
<td><input type="text" name="name" id="name"></td>
        </tr>
        <tr>
            <td>Email</td>
            <td><input type="text" name="email" id="email"></td>
        </tr>
        <tr>
            <td>Zip Code</td>
            <td><input type="number" name="zip" id="zip"></td>
        </tr>
        <tr>
            <td>Country</td>
            <td>
                <select name="country" id="country">
                    <option value="-1">choose yours</option>
                    <option value="nepal">nepal</option>
                    <option value="india">india</option>
                </select>
            </td>
        </tr>
        <tr>
            <td></td>
            <td><button name="submit" id="submit">submit</button></td>
        </tr>
    </table>
</form>
<script>
    var button = document.querySelector('#submit')
    button.addEventListener('click',function(e){
        e.preventDefault();
        var name = document.getElementById('name').value
        var email = document.getElementById('email').value
        var zip = document.getElementById('zip').value
        var country = document.getElementById('country').value
            var nameregex = /[a-zA-Z]+$/
            var emailregex = /[^0-9]+@gmail\.[com]$/
            var zipregex = /[0-9]{10}$/
            if(name.match(nameregex) && email.match(emailregex) && zipregex.match(zipregex) &&country! =-1 ){
                alert('validation sucess')
            }
    })
</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

45

46

47

48

49

50

51

52

<head>

<title>Document</title>

</head>

<body>

<tr>

</tr>

<tr>

<td>Email</td>

</tr>

<tr>

</tr>

<tr>

<td>Country</td>

<td>

<option value="-1">choose yours</option>

<option value="nepal">nepal</option>

<option value="india">india</option>

</select>

</td>

</tr>

<tr>

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

</tr>

</table>

</form>

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

button.addEventListener('click',function(e){

e.preventDefault();

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

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

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

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

var nameregex = /[a-zA-Z]+$/

var emailregex = /[^0-9]+@gmail\.[com]$/

var zipregex = /[0-9]{10}$/

if(name.match(nameregex) && email.match(emailregex) && zipregex.match(zipregex) &&country! =-1 ){

alert('validation sucess')

}

})

</script>

</body>

</html>

web 2015 Solution || BIM STUDY NOTES

December 19, 2021BIM NotesLeave a Comment

year 2015 Q.no 11

<html>
<head>
<style>
table{
border:1px solid black;
border-collapse:collapse;
</style>
</head>
<body>
<table border="width: 50%">
<tr>
<th>Actor</th>
<th>Movies</th>
</tr>
<tr>
<td rowspan="3">Tom Hanks</td>
<td>Forest Camp</td>
</tr>
<tr>
<td>Green Mile</td>
</tr>
<tr>
<td>Philadephia</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

<html>

<head>

<style>

table{

border:1px solid black;

border-collapse:collapse;

</style>

</head>

<body>

<tr>

<th>Actor</th>

<th>Movies</th>

</tr>

<tr>

<td rowspan="3">Tom Hanks</td>

<td>Forest Camp</td>

</tr>

<tr>

<td>Green Mile</td>

</tr>

<tr>

<td>Philadephia</td>

</tr>

</table>

</body>

</html>

Q.no 13

<html>
<head>
<title>javascript</title>
<script language="javascript">
function addNumbers ()
{
var vall = parseInt(document.getElementById("value1").value);
var val2 = parseInt(document.getElementById("value2").value);
var ansD = document.getElementById("answer");
ansD.value = vall + val2;
}
</script>
</head>
<body>
valuel = <input type="text" id="valuel" name="value"/><br/>
value2 = <input type="text" id="value2" name="value2"/><br/>
<input type="button" name="Submit" value="Click here" onclick="javascript:addNumbers()"/><br/>
Answer = <input type="text" id="answer" name="answer" value=""/>
</body></html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<html>

<head>

<title>javascript</title>

function addNumbers ()

{

var vall = parseInt(document.getElementById("value1").value);

var val2 = parseInt(document.getElementById("value2").value);

var ansD = document.getElementById("answer");

ansD.value = vall + val2;

}

</script>

</head>

<body>

valuel = <input type="text" id="valuel" name="value"/><br/>

value2 = <input type="text" id="value2" name="value2"/><br/>

Answer = <input type="text" id="answer" name="answer" value=""/>

</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 2020 makeup solution || BIM NOTES

December 19, 2021BIM NotesLeave a Comment

Q.no 11 & 16 :- checkout in web long answer question page . Q.no 12 Q. write a javaSrcipt to validate a form with inputs name (cann’t be empty ) & contact (cann’t be empty .

//bim study notes
<html>
<head>
<script>
function validateForm() {
  var x = document.forms["myForm"]["fname"].value;
  var y = document.forms["myForm"]["Cname"].value;
  if (x == "")
  {
    alert("Name must be filled out");
    return false;
  }
  else if (y.length!=10)
  {
    alert("Contact must be 10 digit");
    return false;
  }
}
</script>
</head>
<body>
//bim study notes
<form name="myForm" action="/action_page.php" onsubmit="return validateForm()" method="post">
  Name: <input type="text" name="fname">
  Contact: <input type="text" name="Cname">
  <input type="submit" value="Submit">
</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

//bim study notes

<html>

<head>

function validateForm() {

var x = document.forms["myForm"]["fname"].value;

var y = document.forms["myForm"]["Cname"].value;

if (x == "")

{

alert("Name must be filled out");

return false;

}

else if (y.length!=10)

{

alert("Contact must be 10 digit");

return false;

}

</script>

</head>

<body>

//bim study notes

Name: <input type="text" name="fname">

Contact: <input type="text" name="Cname">

</form>

</body>

</html>

Q.No 13 write a javascript to reverse the given input integer (e.g 426 (input ) to 624 (output). […]

Web-1 solution

March 21, 2019BIM Notes

Pre board solutions