1
2
3
4
5
6
7
8
9
10
11
12
<div    style="
            background-color: aqua;
            width: 100px;
            height: 100px;
        "
></div>
<div    style="
            background-color: aqua;
            width: 100px;
            height: 100px;
        "
></div>
cs
스크립트 가이드를 읽고왔어요.
그런데 css를 일일이 인라인 방식으로 적용하려니, 중복이 많을때 너무 생노가다 더라구요.

여기서 첫째 질문.

1
2
3
4
5
6
7
8
9
10
11
12
13
<head>
    <style type="text/css">
        .design{
            background-color: aqua;
            width: 100px;
            height: 100px;
        }
    </style>
</head>
<body>
    <div id="box1" class="design"></div>
    <div id="box2" class="design"></div>
<body>
cs
이렇게 원래 css 문법대로 선택자를 통한 접근법이 있나요?
data-inven-click/out/over-css말고 처음 로딩될때부터 선택자로 접근할 수 있으면 좋겠어요.


둘째 질문.
위의 코드에서 아무 영역을 클릭할때마다 box2와 box3의 배경색이 랜덤하면서도 서로 다르게 변하도록 하는 방법이 있나요?
data-inven-click-css를 쓰자니 랜덤하게 변하는 방법을 모르겠고,
data-inven-random을 쓰자니 여러개 태그의 배경이미지를 한번에 변화시키는 방법을 모르겠네요.
랜덤하게 출력될 색상은 빨주노초파남보 라고 가정합니다.


셋째 질문.
data-inven-random 에서 클릭을 못하게 하려면 어떻게 해야하나요?
새로고침할때마다 랜덤한 이미지가 나오게는 하고 싶지만, 그렇다고 클릭할때마다 바뀌는건 원치 않습니다.


넷째 질문.
랜덤숫자 출력에 관한 함수가 따로 있나요?
1~100중 랜덤하게 숫자하나 뽑아서 메시지 출력하려는데, 생HTML로 100개의 문자를 미리 써놓고 data-inven-random 쓰는건 지나치게 지저분하더군요. 없으면 인벤측에서 검토좀 해주세요. 이렇게 요청드립니다.


다섯번째 질문.
switch~case문이나 if~else문이 있는지도 알고 싶습니다. 없다면 대체기능으로 무엇을 준비해두었나요?
예를들어 버튼을 클릭했을때 숫자 10보다 작은값이 나오면 "7이군요. 실망하지 마세요." 를 출력하고
90 이상의 값이 나오면 "97입니다! 굉장해요!" 를 출력하려 할때, 조건문이 없다면 각 숫자별 100개의 반응을 미리 써두는 수밖에 없는지 문의 드립니다.


여섯번째 질문.
버튼을 한 번만 클릭할 수 있게 하려면 어떻게 해야하나요?
일단 data-inven-click-css="{'_SELF_':{'display':'none'}}" 을 쓰긴 했는데(클릭하면 사라지도록),
저렇게 숨겨버리면 그 아래에 있던 태그들의 정렬이 흐트러지는 단점이 있습니다.
아예 숨기지 않고도 한 번만 클릭하도록 할 수 있는지요?


마지막 질문.

현재 제 인장을보면 마격창이 마련되어 있습니다.
이때 마격 결과창을 그림과 같은 위치에 출력하고 싶은데 어떤 속성을 이용하면 되나요?
없는 기능이라면 이 역시 기능 검토좀 부탁드립니다.
마격 결과창의 위치 변경/ 결과창의 폰트 변경/ 결과창의 배경색 변경 혹은 배경이미지 변경과 같은 기능들이 필요합니다.