htamas1210/webfejlesztes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
thewarrior1220
2022-04-11 09:00:52 +02:00
parent c97d7c42c9
commit f4ae53338c
11 changed files with 236 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
javascript/clicker counter/index.html Normal file
View File

@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Click counter</title>
</head>
<body>
<div id="counter">
Szamlalo
</div><br><br><br>
<div>
<button id="button1" onclick="gomb1()" align="left">Gomb1</button>
<button id="button2" onclick="gomb2()" align="middle">Gomb2</button>
<button id="button3" onclick="gomb3()" align="right">Gomb3</button>
</div>
<div id="kiiras"></div>
<script src="script.js"></script>
</body>
</html>

14
javascript/clicker counter/script.js Normal file
View File

@@ -0,0 +1,14 @@
let click_counter = 0;
function gomb1(){
document.getElementById("kiiras").innerHTML = "Gomb1 lett megnyomva";
document.getElementById("counter").innerHTML = ++click_counter;
}
function gomb2(){
document.getElementById("kiiras").innerHTML = "Gomb2 lett megnyomva";
document.getElementById("counter").innerHTML = ++click_counter;
}
function gomb3(){
document.getElementById("kiiras").innerHTML = "Gomb3 lett megnyomva";
document.getElementById("counter").innerHTML = ++click_counter;
}

15
javascript/ido/index.html Normal file
View File

@@ -0,0 +1,15 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script>
<title>Idő</title>
</head>
<body onload="time()">
<div id="ido"></div>
<script src="script.js"></script>
</body>
</html>

30
javascript/ido/script.js Normal file
View File

@@ -0,0 +1,30 @@
function time(){
const d = new Date();
let year = d.getFullYear();
let month = d.getMonth() + 1;
let day = d.getDate();
let day2 ="";
let hour = d.getHours();
let min = d.getMinutes();
let sec = d.getSeconds();
if(d.getDay() == 0){
day2 = "hétfő";
}else if(d.getDay() == 1){
day2 = "kedd";
}else if(d.getDay() == 2){
day2 = "szerda";
}else if(d.getDay() == 3){
day2 = "csütörtök";
}else if(d.getDay() == 4){
day2 = "péntek";
}else if(d.getDay() == 5){
day2 = "szombat";
}else if(d.getDay() == 6){
day2 = "vasárnap";
}
document.getElementById("ido").innerText = year + "." + month + "." + day + " (" + day2 + ") " + hour + ":" + min + ":" + sec;
setTimeout("time()", 1000);
}

26
javascript/jegyzet.txt Normal file
View File

@@ -0,0 +1,26 @@
"use strict"; //Modern js mod
alert("pop up ablak az oldal tetején")
<script></script>
<script src="script.js"/>
fordito programok:
1. Compiler:
forráskód -> leforditja gepi kodra
2. Interpreter:
forráskód -> utasításonként fordít le
f1.
<script>
"use strict"
let szoveg1 = "Szia!";
alert(szoveg1)
function alert(message?: any): void
alert("1. valtozat: Az &{szoveg2} gyumolcs");
alert('2. valtozat: Az &{szoveg2} gyumolcs');
alert(`3. valtozat: Az &{szoveg2} gyumolcs`);
</script>

20
javascript/masodfoku/index.html Normal file
View File

@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Masodfoku</title>
</head>
<body>
a<input type="number" id="a">
b<input type="number" id="b">
c<input type="number" id="c">
<button id="submit" onclick="input()">Submit</button>
<br>
<div id="ertekek"></div>
<div id="hiba"></div>
<div id="eredmeny1"></div>
<div id="eredmeny2"></div>
<script src="script.js"></script>
</body>
</html>

58
javascript/masodfoku/script.js Normal file
View File

@@ -0,0 +1,58 @@
let a,b,c = 0;
function input(){
a = document.getElementById("a").value;
b = document.getElementById("b").value;
c = document.getElementById("c").value;
document.getElementById("ertekek").innerText = "a: " + a + " b: " + b + " c: " + c;
szamolas();
}
function diszkriminans(){
let diszk = (b*b) - (4 * a * c);
if(diszk > 0){
return 2;
}else if(diszk == 0){
return 1;
}else{
return 0;
}
}
function szamolas(){
let diszk = diszkriminans();
console.log("diszk: " + diszk);
if(diszk == 0){
document.getElementById("hiba").innerText = "Nincs eredmeny";
return "Nincs eredmeny";
}
if(a < 1){
document.getElementById("hiba").innerText = "Elsofoku egyenlet";
return "Elsofoku egyenlet";
}
let gyok1 = -b + Math.sqrt((b*b) - (4 *a*c));
gyok1 = gyok1 / (2*a);
document.getElementById("eredmeny1").innerText = "Gyok1: " + gyok1;
let gyok2 = -b - Math.sqrt((b*b) - (4 *a*c));
gyok2 = gyok2 / (2*a);
document.getElementById("eredmeny2").innerText = "Gyok2: " + gyok2;
console.log("Gyok1: " + gyok1);
console.log("Gyok2: " + gyok2);
if(diszk == 1){
let ell1 = a*gyok1*gyok1 + b*gyok1 + c;
let ell2 = a*gyok2*gyok2 + b*gyok2 + c;
console.log("ELL1: " + ell1);
console.log("ell2: " + ell2);
if(ell1 == 0){
document.getElementById("hiba").innerText = "Gyök1 jó megoldás";
}
if(ell2 == 0) {
document.getElementById("hiba").innerText = "Gyök2 jó megoldás";
}
}
}

26
javascript/szamok/index.html Normal file
View File

@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Szamok</title>
</head>
<body>
<div id="szamok">
<button id="gomb0" onclick="szam(this)">0</button>
<button id="gomb1" onclick="szam(this)">1</button>
<button id="gomb2" onclick="szam(this)">2</button>
<button id="gomb3" onclick="szam(this)">3</button>
<button id="gomb4" onclick="szam(this)">4</button>
<button id="gomb5" onclick="szam(this)">5</button>
<button id="gomb6" onclick="szam(this)">6</button>
<button id="gomb7" onclick="szam(this)">7</button>
<button id="gomb8" onclick="szam(this)">8</button>
<button id="gomb9" onclick="szam(this)">9</button>
</div>
<button id="negyzet" onclick="negyzet()">Negyzet</button>
<div id="eredmeny"></div>
<div id="eredmeny2"></div>
<script src="script.js"></script>
</body>
</html>

12
javascript/szamok/script.js Normal file
View File

@@ -0,0 +1,12 @@
let szamok = "";
function szam(element){
//document.getElementById("eredmeny").innerHTML = element.innerText;
szamok += element.innerText;
document.getElementById("eredmeny2").innerHTML = "Eddigi szam: " + szamok;
}
function negyzet(){
let negyzeten = parseInt(szamok) * parseInt(szamok);
document.getElementById("eredmeny").innerHTML = "Eredmeny: " + negyzeten;
}

30
szerkezet/style.css
View File

@@ -1,21 +1,6 @@
*{ *{
box-sizing: border-box; box-sizing: border-box;
} }
/*#right{
background-color: red;
margin-left: 75%;
width: 25%;
}
#left{
background-color: blueviolet;
float: left;
width: 25%;
}
article{
background-color: blue;
margin-left: 25%;
width: 50%;
}*/
footer{ footer{
background-color: green; background-color: green;
@@ -26,19 +11,16 @@ nav{
} }
ul{ ul{
text-align: center; text-align: center;
list-style-type: none;
inline-size: auto;
} }
#logo1{ .icon{
float: left;
}
#logo1 img{
width: 50%;
} }
#logo2{ #logo2{
float: right; margin-left: 75%;
} margin-top: 0%;
#logo2 img{
width: 50%;
} }
.col-1{ .col-1{

20
szerkezet/szerkezet.html
View File

@@ -9,17 +9,15 @@
<body> <body>
<header> <header>
<nav class="col-12"> <nav class="col-12">
<div id="logo1" class="icon col-2"> <table>
<img src="logo.png"> <tr>
</div> <td><img class="icon col-2" id="logo1" src="logo.png"></td>
<ul class="col-8"> <td>opcio1</td>
<li>opcio1</li> <td>opcio2</td>
<li>opcio2</li> <td>opcio3</td>
<li>opcio3</li> <td><img class="icon col-2" id="logo2" src="facelogo.png"></td>
</ul> </tr>
<div id="logo2" class="icon col-2"> </table>
<img src="facelogo.png">
</div>
</nav> </nav>
</header> </header>
<br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br>