[바클] 바람의나라 클래식 왕궁, 흉가 출캐 복사 스크립트

왕궁과 흉가를 자주 이동하다 보면 출캐 아이디가 제각각이라 불편한 경우가 많습니다. 가끔 친절한 분들이 간단한 아이디를 만들어 주시기도 하지만, 그런 경우는 드물어 아쉬울 때가 많습니다.

그래서 복사용도로 간단한 아이디 입력창과 복사 버튼을 만들어 편리하게 사용할 수 있도록 해보겠습니다.

기능 소개

✔️ 왕궁과 흉가에서 빠르게 사용할 수 있는 아이디 입력란 제공

✔️ 버튼 클릭 한 번으로 간편하게 아이디 복사

✔️ 어두운 테마를 적용해 눈이 편안한 디자인

사용 방법

1️⃣ 원하는 아이디를 입력해 주세요.

2️⃣ '왕궁' 또는 '흉가' 버튼을 눌러 아이디를 클립보드에 복사합니다.

3️⃣ 출두를 사용할 때에 붙여넣어 사용하세요.

이제 아이디를 번거롭게 외우거나 다시 입력할 필요 없이 간편하게 복사하여 사용할 수 있을 거예요! 😊 (바탕화면에서 우클릭, 새로 만들기, 텍스트 파일에 붙여넣고, 확장자를 txt에서 html로 변경하세요.)

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>복사 버튼</title>
    <style>
        body {
            background-color: #121212;
            color: white;
            font-family: Arial, sans-serif;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
        }
        .container {
            display: flex;
            align-items: center;
            margin: 10px;
        }
        input {
            background-color: #333;
            color: white;
            border: 1px solid #555;
            padding: 10px;
            font-size: 18px;
            border-radius: 5px;
            margin-right: 10px;
        }
        button {
            background-color: #6200ea;
            color: white;
            border: none;
            padding: 15px 30px;
            font-size: 20px;
            cursor: pointer;
            border-radius: 10px;
            transition: 0.3s;
        }
        button:hover {
            background-color: #3700b3;
        }
    </style>
    <script>
        function copy(id) {
            navigator.clipboard.writeText(document.getElementById(id).value);
        }
    </script>
</head>
<body>
    <div class="container">
        <input type="text" value="왕궁" id="txtRp">
        <button onclick="copy('txtRp')">왕궁</button>
    </div>
    <div class="container">
        <input type="text" value="흉가" id="txtHh">
        <button onclick="copy('txtHh')">흉가</button>
    </div>
</body>