Вернуться   D3Scene.Ru Софт портал игр | Хаки | Проги | Статьи > Игровые платформы, клиенты > iCCup
Присоединяйся к нам

iCCup Лаунчер для игры в сети Battle.net на собственных серверах по StarCraft, WarCraft, Dota. Обсуждение, вопросы и ответы касающиеся iCCup`a в целом.



Ответ
 
Опции темы Опции просмотра
Старый 31.03.2017, 03:29   #1
Рядовой
 
Аватар для sashkazhe
 
Регистрация: 25.02.2013
Сообщений: 18
Репутация: 5
Автор По умолчанию

Программирование v 1.0


Всем привет, совсем не давно я начал изучать программирование, пока мои познание равны нулю и я обучаюсь миллиметрическими шажками, но все же, кому интересно будем учиться вместе))

В общем не давно задали ДЗ написать калькулятор на Java Script.

Ехали)

Код HTML:
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Калькулятор</title>
   
    <script type="text/javascript" src="Калькулятор.js"></script>
</head>

<body>
    <div style="width: 180px">
        <input type="text" id="var_a">
        <input type="text" id="var_b">
        <input type="text" disabled="true" id="result">
        <input type="button" value="*" onclick="multiply()">
        <input type="button" value="-" onclick="substr()">
        <input type="button" value="+" onclick="addition()">
        <input type="button" value="/" onclick="division()">
        <input type="button" value="=" onclick="result_to_screen()">
     



    </div>
</body>

</html>
Ну и теперь сам JS файл.
Код:
var result;
var a;
var b;
var state;

function first() {
    a = document.getElementById("var_a").value;
    b = document.getElementById("var_b").value;

};

function last() {
    console.log(document.getElementById("result"));
};

function multiply() { //*
    // first();
    // result = a * b;
    // console.log(result);
    // result_to_screen();
    state = "*";

};

function substr() { //-
    // first();
    // result = a - b;
    // console.log(result);
    // result_to_screen();
    state = "-";
};

function addition() { //+
    // first();
    //     result = Number(a) + Number(b);
    // console.log(result);
    // result_to_screen();
    state = "+";

};

function division() { // /
    // first();
    // result = a / b;
    // console.log(result);
    // result_to_screen();
    state = "/";
};

function result_to_screen() {
    first();
    if (state == "*") {
        result = a * b;
    } else if (state == "/") {
        result = a / b;
    } else if (state == "+") {
        result = Number(a) + Number(b);
    } else {
        result = a - b;
    };
    document.getElementById("result").value = result;
};
В итоге получаем топовый калькулятор :
  Ответить с цитированием Наверх
Старый 07.04.2017, 22:04   #2
Рядовой
 
Аватар для sashkazhe
 
Регистрация: 25.02.2013
Сообщений: 18
Репутация: 5
Автор По умолчанию

Re: Программирование v 1.0


Итак,задание было написать шашки на JS.

Ехали

Код HTML:
<input type="button" name="" style="width: 40px; height: 40px; border-radius: 40px; background-color:brown">
<input type="button" name="" style="width: 40px; height: 40px; border-radius: 40px; background-color:wheat">
Далее будем использовать css (стили)
Код HTML:
body {
  width: 600px;
}
table {
    	    border-collapse: collapse;
  float: left;
    }

    td {
		width: 50px;
        height: 50px;
        cursor: pointer;
    }

    div {
    	float: left;
    	background-color: #a5522a;
    }
body {
  width: 600px;
}
table {
    	    border-collapse: collapse;
  float: left;
    }

    td {
		width: 50px;
        height: 50px;
        cursor: pointer;
    }

    div {
    	float: left;
    	background-color: #a5522a;
    }

    p {
    	margin: 15px 3px 35.1px 3px;
      
    }

.new {
/*   padding-left: 2px; */
}

    .new p{
    	    margin: 3px 28px 3px 15px;
    float: left;
    }

    .black {
        background-color: #a5522a;
        
    }

    .white {
        background-color: wheat;
    }
    p {
    	margin: 15px 3px 35.1px 3px;
      
    }

.new {
/*   padding-left: 2px; */
}

    .new p{
    	    margin: 3px 28px 3px 15px;
    float: left;
    }

    .black {
        background-color: #a5522a;
        
    }

    .white {
        background-color: wheat;
}
Дальше сам JS

Код HTML:
var alpha = ["a", "b", "c", "d", "e", "f", "g", "h"];
                var polygons = [];
            function build() {
                document.write("<div> <p>8</p><p>7</p><p>6</p><p>5</p><p>4</p><p>3</p><p>2</p><p>1</p></div>");
                document.write('<div><table style=' + '"float:left">');
                for (var i = 1; i < 9; i++) {
                	// "<tr><td>" + i + "</td></tr>" + 
                    document.write("<tr>");
                    for (var j = 0; j < 8; j++) {
                        polygons.push(alpha[j] + i);
                        if (j==0) {

                        };
                        document.write('<td' + 
                        	' onclick="' +
                        	"handler()" +
                        	'"' +  
                        	' id="' + 
                        	(alpha[j] + i) + 
                        	'" ');
                        if ((j+i)%2) {
                        	document.write(' class="' + 'white"' + ">");
                        }
                        else {
                        	document.write(' class="' + 'black"' + ">");
                        };

                    };
                    document.write("</tr>");
                };
                
                document.write("</table></div>");
                document.write('"<div class="'+'new"' + "><p>A</p><p>B</p><p>C</p><p>D</p><p>E</p><p>F</p><p>G</p><p>H</p></div>");
            };

// document.getElementById(polygons[i].charCodeAt(0)-97);

            function handler() {

            };
            build();
Пока только сделал шашечную доску , разметку, и 2 кнопки в виде шашек.

Исходники можно скачать вот [Ссылки скрыты от гостей.]

Последний раз редактировалось sashkazhe; 08.04.2017 в 01:24.
  Ответить с цитированием Наверх
Старый 30.07.2017, 19:33   #3
Новичок
 
Аватар для myrz
 
Регистрация: 19.02.2010
Сообщений: 3
Репутация: 0
По умолчанию

Re: Программирование v 1.0


О молодец, продолжай в том-же духе, красавчик(нет всем по***), зачем ты тут выкладываешь всё это? До твоего программирования никому нет дела, мало того что на форому через тему какая-то блядская реклама по типу зарегайся и получи овер дохуя денег на телефон, дак еще и подобный шлак. Форум медленно но верно перетекает из информативного ресурса - в типичную помойку. (АДМИНЫ СДЕЛАЙТЕ ЧТО НИБУДЬ)
  Ответить с цитированием Наверх
Старый 10.10.2017, 15:28   #4
Новичок
 
Аватар для laker43
 
Регистрация: 24.08.2017
Сообщений: 2
Репутация: 0
По умолчанию

Re: Программирование v 1.0


он хоть что то выкладывает и это интересно а ты пишешь помой
  Ответить с цитированием Наверх
Ответ


Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 
Опции темы
Опции просмотра

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


Powered by vBulletin
Copyright © 2017 vBulletin Solutions, Inc.
Перевод: zCarot | Дизайн: G-A | Верстка: OldEr
Текущее время: 02:42. Часовой пояс GMT +4.