علاقه مندان به جاوا اسکریپت

saalek110

saalek110

Well-Known Member
تابع راندوم

JavaScript: 
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math.random()</h2>

<p>Math.random() returns a random number between 0 (included) and 1 (excluded):</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = Math.random();
</script>

</body>
</html>

www.w3schools.com

W3Schools online HTML editor

The W3Schools online code editor allows you to edit code and view the result in your browser
www.w3schools.com www.w3schools.com

نتیجه اجرا:
0.49585892916548113
 
saalek110

saalek110

Well-Known Member
راندوم رند شده



JavaScript: 
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math</h2>

<p>Math.floor(Math.random() * 10) returns a random integer between 0 and 9 (both
included):</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
Math.floor(Math.random() * 10);
</script>

</body>
</html>

بین صفر و ۹ می دهد


www.w3schools.com

W3Schools online HTML editor

The W3Schools online code editor allows you to edit code and view the result in your browser
www.w3schools.com www.w3schools.com
 
saalek110

saalek110

Well-Known Member
بین صفر و ۹۹

JavaScript: 
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math</h2>

<p>Math.floor(Math.random() * 100)) returns a random integer between 0 and 99
(both included):</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
Math.floor(Math.random() * 100);
</script>

</body>
</html>

www.w3schools.com

W3Schools online HTML editor

The W3Schools online code editor allows you to edit code and view the result in your browser
www.w3schools.com www.w3schools.com
 
saalek110

saalek110

Well-Known Member
یک تا ۱۰



JavaScript: 
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Math</h2>

<p>Math.floor(Math.random() * 10) + 1) returns a random integer between 1 and 10
(both included):</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
Math.floor(Math.random() * 10) + 1;
</script>

</body>
</html>

www.w3schools.com

W3Schools online HTML editor

The W3Schools online code editor allows you to edit code and view the result in your browser
www.w3schools.com www.w3schools.com




یک تا صد(فقط لینک):

www.w3schools.com

W3Schools online HTML editor

The W3Schools online code editor allows you to edit code and view the result in your browser
www.w3schools.com www.w3schools.com
 
saalek110

saalek110

Well-Known Member
تابع راندوم ساز

JavaScript: 
function getRndInteger(min, max) {
  return Math.floor(Math.random() * (max - min) ) + min;
}

یا این یکی:
JavaScript: 
function getRndInteger(min, max) {
  return Math.floor(Math.random() * (max - min + 1) ) + min;
}
 
saalek110

saalek110

Well-Known Member
بولین:

www.w3schools.com

JavaScript Booleans

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com www.w3schools.com

بحث نمی کنم.
 
saalek110

saalek110

Well-Known Member
مقایسه


www.w3schools.com

JavaScript Comparison and Logical Operators

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com www.w3schools.com


OperatorDescriptionComparingReturnsTry it
==equal tox == 8falseTry it »
x == 5trueTry it »
x == "5"trueTry it »
===equal value and equal typex === 5trueTry it »
x === "5"falseTry it »
!=not equalx != 8trueTry it »
!==not equal value or not equal typex !== 5falseTry it »
x !== "5"trueTry it »
x !== 8trueTry it »
>greater thanx > 8falseTry it »
<less thanx < 8trueTry it »
>=greater than or equal tox >= 8falseTry it »
<=less than or equal tox <= 8true
 
saalek110

saalek110

Well-Known Member
شرط

مثلا می خواهیم بررسی کنیم ببینیم ایکس مساوی ایگرگ هست یا نه
کدهایش را بعدا می بینید.

JavaScript: 
if (age < 18) text = "Too young to buy alcohol";

اگر سن کمتر از ۱۸ بود متن را برابر (( خیلی کوچک برای خریدن الکل)) بگیر.
خخخخ .....بزرگتر از ۱۸ باید خودش را بکشه با الکل
 
saalek110

saalek110

Well-Known Member
شرط دو لبه:


این کد را ببینید:

JavaScript: 
let voteable = (age < 18) ? "Too young":"Old enough";

و داخل کدهای دیگر این طوری میشه:
JavaScript: 
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Comparison</h1>
<h2>The () ? : Ternary Operator</h2>

<p>Input your age and click the button:</p>

<input id="age" value="18" />

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
  let age = document.getElementById("age").value;
  let voteable = (age < 18) ? "Too young":"Old enough";
  document.getElementById("demo").innerHTML = voteable + " to vote.";
}
</script>

</body>
</html>

www.w3schools.com

W3Schools online HTML editor

The W3Schools online code editor allows you to edit code and view the result in your browser
www.w3schools.com www.w3schools.com

یک شرط دو کاره است، یعنی اگر زیر ۱۸ باشه یک کار می کنه و بالای ۱۸ کار دیگر.

در اون لینک اعداد رو انگلیسی وارد کنید وگرنه قاطی می کنه.
 
saalek110

saalek110

Well-Known Member
فرم بررسی ورودی کاربر


این کد جالبی است ، ورودی از کاربر می گیره و یک سری پردازش ها روی اون می کنه

JavaScript: 
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Comparisons</h2>

<p>Input your age and click the button:</p>

<input id="age" value="18" />

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
  let voteable;
  let age = Number(document.getElementById("age").value);
  if (isNaN(age)) {
    voteable = "Input is not a number";
  } else {
    voteable = (age < 18) ? "Too young" : "Old enough";
  }
  document.getElementById("demo").innerHTML = voteable + " to vote";
}
</script>

</body>
</html>


www.w3schools.com

W3Schools online HTML editor

The W3Schools online code editor allows you to edit code and view the result in your browser
www.w3schools.com www.w3schools.com
 
آخرین ویرایش:
saalek110

saalek110

Well-Known Member

JavaScript if, else, and else if​


www.w3schools.com

JavaScript if else else if

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com www.w3schools.com



شرط
JavaScript: 
if (hour < 18) {
  greeting = "Good day";
}

سالک : من طبق روال سایت دارم میگم اگر نامنظم است از سمت من نیست.

کد بالا می آید ساعت را بررسی می کند اگر قبل ۱۸ یعنی ۶ غروب باشه گیریتینگ یعنی احوال پرسی را روز به خیر قرار می دهد.


JavaScript: 
if (hour < 18) {
  greeting = "Good day";
} else {
  greeting = "Good evening";
}


کد بالا همان کار کد قبلی را انجام می دهد ولی اگر ساعت بعد ۶ غروب باشه غروب به خیر میگه.
 
saalek110

saalek110

Well-Known Member
کد دارای اجرای کدهای پست قبل :




JavaScript: 
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript if .. else</h2>

<p>A time-based greeting:</p>

<p id="demo"></p>

<script>
const hour = new Date().getHours();
let greeting;

if (hour < 18) {
  greeting = "Good day";
} else {
  greeting = "Good evening";
}

document.getElementById("demo").innerHTML = greeting;
</script>

</body>
</html>


www.w3schools.com

W3Schools online HTML editor

The W3Schools online code editor allows you to edit code and view the result in your browser
www.w3schools.com www.w3schools.com
 
saalek110

saalek110

Well-Known Member
JavaScript: 
if (time < 10) {
  greeting = "Good morning";
} else if (time < 20) {
  greeting = "Good day";
} else {
  greeting = "Good evening";
}
 
saalek110

saalek110

Well-Known Member
سوییچ:



www.w3schools.com

JavaScript Switch Statement

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com www.w3schools.com
 
G

golex

Member
این افکت هایی که بر روی اسلایدر سایت ظاهر میشه کار جاواست؟
 
saalek110

saalek110

Well-Known Member
برنامه گرافیکی کانواس

JavaScript: 
<!DOCTYPE html>
<html>
<body>

<canvas id="myCanvas" width="400" height="400" style="border:1px solid grey"></canvas>

<script>
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
canvas.height = canvas.width;
ctx.transform(1, 0, 0, -1, 0, canvas.height)

const xArray = [50,60,70,80,90,100,110,120,130,140,150];
const yArray = [7,8,8,9,9,9,10,11,14,14,15];

ctx.fillStyle = "red";
for (let i = 0; i < xArray.length-1; i++) {
  let x = xArray[i]*400/150;
  let y = yArray[i]*400/15;
  ctx.beginPath();
  ctx.ellipse(x, y, 3, 3, 0, 0, Math.PI * 2);
  ctx.fill();
}
</script>

</body>
</html>

از
www.w3schools.com

W3Schools online HTML editor

The W3Schools online code editor allows you to edit code and view the result in your browser
www.w3schools.com www.w3schools.com

با هاپ وب ازش برنامه اندرویدی ساختم.
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا