right triangle calculator 다운로드 - right triangle calculator 소스 코드 다운로드

right triangle calculator

기타 소스코드

Initial release

다운로드

오른쪽 삼각형 - 온라인 영역 계산기

3 가지 차원이 주어지면 2 개의 다리 길이와 hypotenuse 길이는 각각 면적을 계산합니다.
치수가 올바른 삼각형을 형성 할 수없는 경우 경고하십시오.

내용물

시도해보십시오
작동 방식
외부 참조

시도해보십시오

웹 사이트는 index.html, result.php, style.css, resultseet.css 및 script.js의 5 개의 파일로 구성됩니다.
여기에서 다운로드하십시오.
루트 디렉토리 아래에서 폴더를 만듭니다. 이름을 "오른쪽 삼각형"으로 지정하십시오. 해당 폴더에 해당 파일을 저장하십시오.
그런 다음 가상 서버를 시작하십시오. 웹 브라우저 에서이 주소를 입력하십시오 : localhost/right triangle/index.html
(Windows에서 XAMPP를 사용하고 있다고 가정)
당신은 이제 입력 페이지에 있습니다.
입력 페이지에는 "Right Triangle!"이라는 제목이 표시됩니다. 상단, 3 개의 서클, 제출 버튼,
그리고 페이지 하단에 파란색 삼각형. 이 3 개의 원은 실제로 입력 필드입니다.
다음 작업을 수행하십시오.

마우스 커서를 원 중 하나 위로 가져옵니다
마우스 커서를 제출 버튼 위로 가져옵니다
삼각형 근처에 마우스 커서를 마우스 로버트하십시오
필드 중 하나 또는 전부를 비워두고 제출 버튼을 누르십시오.
필드를 비워 두지 않고 알파벳 성격을 필드 중 하나에 입력 한 다음 제출을 누르십시오.

이 작업이 완료되면 해당 3 개의 원에 숫자를 입력하고 제출 버튼을 누르십시오.
그것들은 각각 다리, 다리 및 hypotenuse의 길이입니다.
결과 페이지로 리디렉션해야합니다. 각각 3, 4 및 5를 입력하면
"지역 : 6"과 같은 것. 10, 9 및 4를 입력하면 "주어진 치수와 같은 것을 얻어야합니다.
올바른 삼각형에 적합하지 않습니다. "

작동 방식

삼각형 근처에서 마우스 커서를 가리면 삼각형이 회전하고 위로 올라가면 색상이 빨간색으로 변합니다.
이것은 의사 클래스가있는 CSS 선택기의 스타일링으로 이루어집니다.

 #triangle : 호버 {
    국경 : 솔리드 65px;
    국경 색 : 투명한 투명 #F12F2F 투명;
    마진-탑 : 0px;
    변환 : 회전 (180deg) scalex (-1);
}

마지막 줄 transform: rotate(180deg) scaleX(-1); 삼각형이 호버에서 회전하게합니다.
다음으로 script.js 파일을 확인하십시오. 입력이 유효하지 않은지 알 수 있습니다.
사용자가 null 과 비교하여 무언가를 입력했는지 확인합니다. NULL은 데이터 유형이라는 것을 상기하십시오
기본적으로 "아무것도"를 의미합니다.
또한 입력이 숫자인지 확인하는 isNan 기능이 있습니다. Nan은 n ot a n umber를 나타냅니다.
유효한 입력을 입력하면 문자의 코드가 실행되지 않습니다. JavaScript는 3 개의 쿠키를 만듭니다
이름 a, b, c를 각각, 앞에서 제출 한 입력을 저장합니다. 그런 다음 당신을 다시 리디렉션합니다
결과 페이지, 결과는 결과입니다 .php
결과 페이지에서 PHP는 수학을합니다. 먼저, 이전에 JavaScript에서 만든 쿠키의 값을 호출합니다.
그리고 해당 값을 세 가지 변수, 즉 $a , $b , $c 로 저장하십시오.
그런 다음 피타고라스의 정리를 사용하여 그 값 (삼각형의 차원)이
오른쪽 삼각형. 가능하다면 결과 페이지는 삼각형의 영역과 함께 텍스트 "영역"을 표시합니다.
할 수없는 경우 결과 페이지는 "주어진 치수가 오른쪽 삼각형에 적합하지 않다"텍스트를 표시합니다.