Меню
с помощта на javascript функцията прочетете съдържанието на две полета за въвеждане на парола тип "текст" и квадратчетата за отметки. Да се показва съобщение, ако паролите са различни от един до друг с цвят, който сте избрали от квадратчетата за отметките.
Благодаря предварително.
Регистрация не е нужна, освен при създаване на тема в "Задача на седмицата".
С Javascript да прочетете съдържанието на две полета
4 мнения
• Страница 1 от 1
Re: Помощ Javascript
от admin » 07 Дек 2018, 14:14
Публикувайте ваш примерен код, който трябва да се коригира.
Re: Помощ Javascript
от Добромир Глухаров » 12 Дек 2018, 17:06
- Код: Избери целия код
<html>
<META http-equiv="content-type" content="text/html; charset=windows-1251">
<head>
<title>Сравняване на пароли</title>
</head>
<body>
<h1>Сравняване на пароли</h1>
<pre>Въведи парола: <input type="text" id="FP" size="16"></pre>
<br>
<pre>Повтори паролата: <input type="text" id="SP" size="16"></pre>
<br>
<input type="checkbox" id="Red">Red
<input type="checkbox" id="Green">Green
<input type="checkbox" id="Blue">Blue
<button type="button" onclick="myCheck()">Check!</button>
<br><br><br>
<canvas id="myCanvas" width="600" height="250" style="border:1px solid #000000;">
Грешка при визуализация на myCanvas
</canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
function myCheck()
{
var vRed,vGreen,vBlue,fpw,spw;
vRed=(document.getElementById("Red").checked?255:0);
vGreen=(document.getElementById("Green").checked?255:0);
vBlue=(document.getElementById("Blue").checked?255:0);
fpw=document.getElementById("FP").value;
spw=document.getElementById("SP").value;
ctx.fillStyle="#aaaaaa";
ctx.fillRect(0,0,600,250);
var outpMsg;
if(fpw.localeCompare(spw)==0)
outpMsg="Съвпадат";
else
outpMsg="НЕ съвпадат";
ctx.font="45px Arial";
ctx.fillStyle="rgb("+vRed+","+vGreen+","+vBlue+")";
ctx.fillText(outpMsg,145,135);
}
</script>
</body>
</html>
-
Добромир Глухаров - Математик
- Мнения: 2080
- Регистриран на: 11 Яну 2010, 13:23
- Рейтинг: 2178
Re: Помощ Javascript
от Добромир Глухаров » 24 Мар 2022, 22:48
Добавено малко форматиране със стилове:
- Код: Избери целия код
<html>
<META http-equiv="content-type" content="text/html; charset=windows-1251">
<style>
button{
width: 180px;
height: 37px;
background-color: red;
color: white;
font-size: 24px;
}
input[type="checkbox"]{
width: 18px;
height: 18px;
}
</style>
<head>
<title>Сравняване на пароли</title>
</head>
<body>
<h1>Сравняване на пароли</h1>
<pre>Въведи парола: <input type="text" id="FP" size="16"></pre>
<br>
<pre>Повтори паролата: <input type="text" id="SP" size="16"></pre>
<br>
<input type="checkbox" id="Red">Red
<input type="checkbox" id="Green">Green
<input type="checkbox" id="Blue">Blue
<button type="button" onclick="myCheck()">Check!</button>
<br><br><br>
<canvas id="myCanvas" width="300" height="100" style="border:1px solid #000000;">
Грешка при визуализация на myCanvas
</canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
function myCheck()
{
var vRed,vGreen,vBlue,fpw,spw;
vRed=(document.getElementById("Red").checked?255:0);
vGreen=(document.getElementById("Green").checked?255:0);
vBlue=(document.getElementById("Blue").checked?255:0);
fpw=document.getElementById("FP").value;
spw=document.getElementById("SP").value;
ctx.fillStyle="#aaaaaa";
ctx.fillRect(0,0,300,100);
var outpMsg,outpX;
if(fpw.localeCompare(spw)==0)
{
outpMsg="Съвпадат";
outpX=35;
}
else
{
outpMsg="НЕ съвпадат";
outpX=10;
}
ctx.font="45px Arial";
ctx.fillStyle="rgb("+vRed+","+vGreen+","+vBlue+")";
ctx.fillText(outpMsg,outpX,65);
}
</script>
</body>
</html>
Последно избутване Anonymous от 24 Мар 2022, 22:48
-
Добромир Глухаров - Математик
- Мнения: 2080
- Регистриран на: 11 Яну 2010, 13:23
- Рейтинг: 2178
4 мнения
• Страница 1 от 1
Назад към Javascript / Html / Css / Angular, React, Vie, Knockout
Кой е на линия
Регистрирани потребители: Google [Bot]