ＳＫＹＳＨＥＬＬＭＡＮＡＧＥＲ

📁 ＳＫＹＳＨＥＬＬＭＡＮＡＧＥＲ-🛒 PHP v7.4.33

Current Path: home/oshofree/public_html/chbluxuries.com/chb_data/

Name	Size	Permissions	Actions
📁 ..	-	0755	🗑️
📄 config.php	7.06 KB	0444	🗑️ ⬇️ ✏️
📄 error_log	5642.98 KB	0644	🗑️ ⬇️ ✏️

Editing: calculator.php

<div class="calculator" id="calculator">
  <input type="text" id="result" readonly class="form-control mb-2">
  <div class="row">
    <div class="col-9">
      <div class="row">
        <div class="col-4">
          <button class="btn btn-secondary btn-block" onclick="appendNumber('7')">7</button>
        </div>
        <div class="col-4">
          <button class="btn btn-secondary btn-block" onclick="appendNumber('8')">8</button>
        </div>
        <div class="col-4">
          <button class="btn btn-secondary btn-block" onclick="appendNumber('9')">9</button>
        </div>
        <div class="col-4">
          <button class="btn btn-secondary btn-block" onclick="appendNumber('4')">4</button>
        </div>
        <div class="col-4">
          <button class="btn btn-secondary btn-block" onclick="appendNumber('5')">5</button>
        </div>
        <div class="col-4">
          <button class="btn btn-secondary btn-block" onclick="appendNumber('6')">6</button>
        </div>
        <div class="col-4">
          <button class="btn btn-secondary btn-block" onclick="appendNumber('1')">1</button>
        </div>
        <div class="col-4">
          <button class="btn btn-secondary btn-block" onclick="appendNumber('2')">2</button>
        </div>
        <div class="col-4">
          <button class="btn btn-secondary btn-block" onclick="appendNumber('3')">3</button>
        </div>
        <div class="col-4">
          <button class="btn btn-secondary btn-block" onclick="appendNumber('0')">0</button>
        </div>
        <div class="col-4">
          <button class="btn btn-secondary btn-block" onclick="appendNumber('.')">.</button>
        </div>
        <div class="col-4">
          <button class="btn btn-secondary btn-block" onclick="appendOperator('+')">+</button>
        </div>
        <div class="col-4">
          <button class="btn btn-secondary btn-block" onclick="appendOperator('-')">-</button>
        </div>
        <div class="col-4">
          <button class="btn btn-secondary btn-block" onclick="appendOperator('*')">*</button>
        </div>
        <div class="col-4">
          <button class="btn btn-secondary btn-block" onclick="appendOperator('/')">/</button>
        </div>
        <div class="col-4">
          <button class="btn btn-secondary btn-block" onclick="appendPower()">^2</button>
        </div>
      </div>
    </div>
    <div class="col-3">
      <button class="btn btn-primary btn-block h-100" onclick="calculate()">=</button>
    </div>
  </div>
  <div class="row mt-2">
    <div class="col-12">
      <button class="btn btn-danger btn-block cal" onclick="clearResult()">Clear</button>
    </div>
     <div class="col-12">
      <button class="btn btn-primary btn-block cal" id="closeButton">Close Calculator</button>
    </div>
  </div>
</div>

.calculator input {
  text-align: right;
}

.calculator .btn {
  font-size: 18px;
  margin:5px;
}

.cal{
  font-size: 14px !important;
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:red;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
}

.my-float{
	margin-top:22px;
	font-size:20px;
}

.my-float:hover{
	color:white;
}
</style>

function appendNumber(number) {
  expression += number;
  result.value = expression;
}

function appendOperator(operator) {
  expression += operator;
  result.value = expression;
}

function appendPower() {
  expression += '**2';
  result.value = expression;
}

function calculate() {
  try {
    const evaluation = eval(expression);
    result.value = evaluation;
    expression = '';
  } catch (error) {
    result.value = 'Error';
  }
}

function clearResult() {
  expression = '';
  result.value = '';
}

var calculatorButton = document.getElementById('calculatorButton');
var calculator = document.getElementById('calculator');
var closeButton = document.getElementById('closeButton');

// Event listener for the close button
closeButton.addEventListener('click', function() {
  // Close the calculator by hiding it
  calculator.style.display = 'none';
});

// Event listener for the calculator button
calculatorButton.addEventListener('click', function() {
  // Open the calculator by showing it
  calculator.style.display = 'block';
});

</script>

📁 ＳＫＹＳＨＥＬＬ ＭＡＮＡＧＥＲ-🛒 PHP v7.4.33

Editing: calculator.php

📁 ＳＫＹＳＨＥＬＬＭＡＮＡＧＥＲ-🛒 PHP v7.4.33