Mudanças entre as edições de "Widget:Droflax"

De Wiki Gla
Ir para navegação Ir para pesquisar
Linha 1: Linha 1:
<div>
 
     <h2>Calculadora</h2>
<div class="background">
    <input type="text" id="display" disabled />
     <div class="main">
    <br>
        <div class="rot-bt">
    <button onclick="addToDisplay('1')">1</button>
            <span class="material-symbols-sharp" style="color: white;">
    <button onclick="addToDisplay('2')">2</button>
                home
    <button onclick="addToDisplay('3')">3</button>
            </span>
    <button onclick="addToDisplay('+')">+</button>
        </div>
    <br>
        <div class="search-bar">
    <button onclick="addToDisplay('4')">4</button>
            <div class="cont" id="p1">
    <button onclick="addToDisplay('5')">5</button>
                <p class="title">Paciente 1</p>
    <button onclick="addToDisplay('6')">6</button>
            </div>
    <button onclick="addToDisplay('-')">-</button>
            <!-- Agrega el resto de los pacientes como divs -->
    <br>
        </div>
    <button onclick="addToDisplay('7')">7</button>
        <div class="chars-container">
    <button onclick="addToDisplay('8')">8</button>
            <div class="chars">
    <button onclick="addToDisplay('9')">9</button>
                <!-- Contenido adicional -->
    <button onclick="addToDisplay('*')">*</button>
            </div>
    <br>
        </div>
    <button onclick="addToDisplay('0')">0</button>
        <div class="patient-view hidden">
    <button onclick="clearDisplay()">C</button>
            <div class="patient-info">
     <button onclick="calculateResult()">=</button>
                <img id="patient-image" src="" alt="Paciente">
    <button onclick="addToDisplay('/')">/</button>
                <p id="patient-name" class="title"></p>
            </div>
            <button id="next-button" class="arrow-button"><i class="fas fa-arrow-right"></i></button>
            <button id="close-patient-view"><i class="fa-solid fa-xmark"></i></button>
            <div class="pisos">
                <div class="image-container">
                    <h3>Primer Piso</h3>
                    <img class="thumbnail-image" src="Img/kureha/primerpiso.png" alt="Miniatura Primer Piso">
                </div>
                <!-- Más imágenes -->
            </div>
            <button id="total-button">Total de Materiales</button>
            <div class="overlay hidden" id="total-overlay">
                <button class="close-button"><i class="fa-solid fa-xmark"></i></button>
                <div class="total-content" id="total-container"></div>
            </div>
        </div>
     </div>
</div>
<button id="start-tutorial">Iniciar Tutorial</button>
<div class="firma" onclick="location.href='https://www.youtube.com/@Droflax/videos';">
    <p>Droflax</p>
</div>
</div>
<script>
    function addToDisplay(value) {
        document.getElementById('display').value += value;
    }
    function clearDisplay() {
        document.getElementById('display').value = '';
    }
    function calculateResult() {
        let result = eval(document.getElementById('display').value);
        document.getElementById('display').value = result;
    }
</script>

Edição das 01h26min de 8 de abril de 2025

           
               home

Paciente 1

<button id="start-tutorial">Iniciar Tutorial</button>

Droflax

Disponível em “https://wiki.gla.com.br/index.php?title=Widget:Droflax&oldid=30413”