Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 7

1

‫מבחן‬
‫ מועד‬21.6.19
‫'א‬

.flex-con{
<style>
display: flex;
*{Box-sizing:border-box} body{height:600px;}
flex-direction: row;
#myHeader{
align-items: center;
border-style: solid;
justify-content:center;
width: 100%;
align-content: space-between; }
height: 20%; }
.flex-con > section{
#search{
width:20%;
position: absolute;
height: 400px;
right: 2%;
border-style: solid;
width: 60%;
margin: 20px; }
height: 10%;
</style>
border-style: solid;
<body> <header>
top: 15px; }
<div id="myHeader">
aside{
<div id="search">
float: left;
</div>
border-style: solid;
</div> </header>
width: 30%;height: 80%; }
<main class="flex-con">
main{
<section>
float: right;
</section>
border-style: solid;
<section>
width: 70%;height: 80%; }
</section>

</main><aside>

<nav>

</nav> </aside></body>
2

<style> body{

width: 30%;

border-top-style: solid;

border-top-width: 5px;

border-top-color: grey; }
<body>
#redBurron{
<button type=”button” id="redBurron"> ss </button>
background-color: red;
<button type=”button” id="imgBurron"> <img src="../images/x.png"
id="img1" width="20px"> </button>
float: left;

<video width="400" controls autoplay id="myvideo"> <source


margin-top:30px;
src="../Video/Python.mp4" type="video/mp4"></video>
color: white;
<figcaption><b>Heart <br> hgsh</b> </figcaption>
text-align: center;
</body>
width: 20%; }

#imgBurron{

float: right;margin-top:30px;}

#img{ width: 20%; height: 20%; }

#myvideo{

height: 240px;}

figcaption{

font-size: 30px;

text-align: center;}

</style>
3

<style> form{border-style: solid; width: 60%; padding-bottom: 2px; </style>

<body>

<Form name="myForm" > <h1>REPORT</h1>

<label> Bug code: <input type="text" name="bugCode" id="idbugCode" required><br></label>

<fieldset>

<legend> Reprodu</legend>

<input type="radio" name="Reprodu" value=”yes” > yes<br />

<input type="radio" name="Reprodu" value=”no”> no<br />

</fieldset>

<label> description:

<input type="text" name="description" required><br></label>

<label> status:

<select name="status" size="1">

<option value="Corrected" selected>Corrected</option>

<option value="On-hold">On-hold</option>

<option value="Not-assigned">Not-assigned</option> </select> </label><br>

<input type="submit" value="Submit" onclick="handleForm()"></Form>


<script> var arrbugCode=new Array();
4
function handleForm(){

var bugCode = document.forms["myForm"]["bugCode"].value;

var Reprodu = document.forms["myForm"]["Reprodu"].value;

if(bugCode.length!=8 || bugCode.charAt(3)!='#' || (bugCode.substring(0,3)!='rep') && bugCode.substring(0,3)!='nre' ){

document.getElementById("idbugCode").style.color="red"; return false;}

else document.getElementById("idbugCode").style.color="green"; }

if((Reprodu=='yes' && bugCode.substring(0,3)!='rep') || (Reprodu=='no' && bugCode.substring(0,3)!='nre')){

return false;}}

if (arrbugCode.length>999){ alert("the arry is full "); return false;}

else arrbugCode.push(bugCode); </script>


5

‫ מועד‬19.2.2019 ‫מבחן‬
1 ‫ב' שאלה‬

<style>
<body>
*{Box-sizing:border-box; }
<header><nav> </nav> </header>
body{ height: 700px;;}
<main>
header{height: 20%; width: 100%; border-style: solid;}
<div></div>
main{width: 100%; height: 70%; border-style: solid;
<div></div>
margin-top: 1%; margin-bottom: 1%;}
</main>
footer{height:10%; width: 100%; border-style: solid;}
<footer>
nav{border-style: solid; float: right; width:40%; height: 80%; margin-top: 1%; }
</footer>
div{width:40%; height: 60%; float: left; margin: 5%; border-style: solid;}

'‫ מועד א‬21.1.19 ‫מבחן‬


1 ‫שאלה‬
6

<header id="myheader"><nav> </nav></header>

<main>

<div class="p3-5"></div> <style>

<div class="p3-5"></div> *{Box-sizing:border-box; border-style: solid;}

<div class="p3-5"></div> body{height: 600px;}

<div id="p6"></div> #myheader{width: 100%;height: 20%;}

</main> main{height: 80%; width: 100%; padding-left: 10%; }

.p3-5{float:left; }

div{margin: 5%; width: 20%; height: 35%; }

#p6{clear: both; border-style: solid; margin-left: 35%; margin-bottom: 0px; }

</style>

:‫ של מבחן לדוגמא מהמאמא‬JS ‫פתרון שאלה‬


7

<form><fieldset><legend>Clean a word from redundant charachters</legend>

<p>Enter a world to clean:<input id="word" type="text"></p>

<p>Enter a charachter to remove:<input id="clean" type="text"></p>

<p>The new label is:<input type="text" id="final"></p></fieldset>

<p><input type='button' value="activate" onclick="activate()">

<input type='button' value="clean" onclick="cleanFields()"></p> </form>

function activate(){var word=document.getElementById("word").value;

var char=document.getElementById("clean").value;

var newWord="";

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

if (word.charAt(i)!=char) {

newWord+=word.charAt(i); }}

document.getElementById("final").value=newWord; }

function cleanFields(){document.getElementById("word").value="";

document.getElementById("clean").value="";

document.getElementById("final").value="";}

You might also like