+
+
+ ${student.info}
`, `VIEW PROFILE` - ); + ); } diff --git a/sabina/,ex/css/Ex2_solution.css b/sabina/,ex/css/Ex2_solution.css new file mode 100644 index 0000000..2126c50 --- /dev/null +++ b/sabina/,ex/css/Ex2_solution.css @@ -0,0 +1,97 @@ +.err { + background: #ffe6ee; + /*border: 1px solid #b1395f; */ +} + +.empty { + border: 1px solid #1f44eb; +} + +div{ + /* Center the form on the page */ + margin: 0 auto; + width: 450px; + /* Form outline */ + padding: 1em; +} + +div.emsg{ + color: #c12020; + font-weight: bold; + padding: 0; + height: 1em; +} + +form { + /* Center the form on the page */ + margin: 0 auto; + width: 450px; + /* Form outline */ + padding: 1em; + border: 1px solid #CCC; + border-radius: 1em; + } + + ul { + list-style: none; + padding: 0; + margin: 0; + } + + /*all li elements inside form and adjacent sibling li elements*/ + form li + li { + margin-top: 1em; + } + + label { + /* Uniform size & alignment */ + display: inline-block; + width: 100px; + text-align: right; + } + + input, + textarea { + /* To make sure that all text fields have the same font settings + By default, textareas have a monospace font */ + font: 1em sans-serif; + + /* Uniform text field size */ + width: 300px; + box-sizing: border-box; + + /* Match form field borders */ + border: 1px solid #999; + } + + input:focus, + textarea:focus { + /* Additional highlight for focused elements */ + border-color: #000; + } + + textarea { + /* Align multiline text fields with their labels */ + vertical-align: top; + + /* Provide space to type some text */ + height: 5em; + } + + .button { + /* Align buttons with the text fields */ + padding-left: 90px; /* same size as the label elements */ + } + + button { + /* This extra margin represent roughly the same space as the space + between the labels and their text fields */ + margin-left: .5em; + } + .packet { + background-color: gray; + text-align: center; + width: 400px; + padding: 20px; + + } \ No newline at end of file diff --git a/sabina/,ex/js/Ex2_solution.js b/sabina/,ex/js/Ex2_solution.js new file mode 100644 index 0000000..6d68354 --- /dev/null +++ b/sabina/,ex/js/Ex2_solution.js @@ -0,0 +1,130 @@ + +const packets={ + "packetA":{ + place:60 + munite:2000 + sms: 200 + } + + "packetB":{ + place:30 + munite:2400 + sms: 350 + } + + "packetC":{ + place:45 + munite:1800 + sms: 800 + } + +} +function calculatpacket(){ + let used = { + munite: document.getElementById('munite').value, + place: document.getElementById('place').value, + sms: document.getElementById('sms').value + } +// test if have zero or negativ number + if (used.munite <= 0) { + return false ; + } + if (used.place <= 0) { + return false; + } + if (used.sms <= 0) { + return false; + } +// call to packettest function + packettest(used); + + + alert(`The following packet details were saved successfully:\n ${JSON.stringify(used, undefined, 2 )}`); +} +function packettest(used){ + // test place value + if (packets["packetC"].place>used.place>packets["packetB"].place ) {return "packetC"} + if (used.placeבדיקת חבילה
+