Как я могу изменить цвет моего вывода в моем калькуляторе PHP? - PullRequest
Новая
       1

Как я могу изменить цвет моего вывода в моем калькуляторе PHP?

0 голосов
/ 25 ноября 2018

Я не могу понять, на что ориентироваться, чтобы изменить вывод на другой цвет, кроме черного.Я думал, может быть, оператор, но я не совсем уверен.Не могу найти нигде здесь с этим вопросом, поэтому я здесь.Я знаю, что вы можете решить эту проблему с помощью Javascript, но я не собираюсь этого делать.Любая помощь будет оценена, спасибо. 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Calculator</title>
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
<link rel="stylesheet" href="main.css">
</head>
<body>

<div class="container">

    <form method="POST" action="calculator.php">

    <h1>PHP Calculator</h1>

    <input type="text" class="form-control" name="num1" placeholder="Number 1"><br>
    <input type="text" class="form-control" name="num2" placeholder="Number 2"><br>

    <select name="operator">
        <option>None</option>
        <option>Add</option>
        <option>Subtract</option>
        <option>Multiply</option>
        <option>Divide</option>
    </select>
        <br>

<button name="submit" value="submit" type="submit">Calculate</button>




</form>


<p>The answer is:</p>







<?php

    if (isset($_POST['submit'])) {
        $result1 = $_POST['num1'];
        $result2 = $_POST['num2'];
        $operator = $_POST['operator'];




        switch ($operator) {
            case "None":
            echo "You need to select a method!";
            break;

            case "Add":
            echo $result1 + $result2;
            break;

            case "Subtract":
            echo $result1 - $result2;
            break;

            case "Multiply":
            echo $result1 * $result2;
            break;

            case "Divide":
            echo $result1 / $result2;
            break;

        }

    }


?>


</body>
</html>

Ответы [ 3 ]

0 голосов
/ 25 ноября 2018

В своем выражении эха вы можете обернуть текст в теги HTML и затем использовать CSS.

PHP: 

$result = $result1 + $result2;
echo "<span class='output'>" . $result . "</span>";

CSS:

<style> .output{ color:blue; } </style>

0 голосов
/ 26 ноября 2018

Если вам нужен один и тот же цвет для всех выходных данных, вы можете просто использовать встроенный CSS.Посмотрите этот урок - в нем есть пример того, как сделать текст синим. 

<p>The answer is:</p>

<p style="color: blue;">

  <?php

    if (isset($_POST['submit'])) {
      $result1 = $_POST['num1'];
      $result2 = $_POST['num2'];
      $operator = $_POST['operator'];

      switch ($operator) {
        case "None":
        echo "You need to select a method!";
        break;

        case "Add":
        echo $result1 + $result2;
        break;

        case "Subtract":
        echo $result1 - $result2;
        break;

        case "Multiply":
        echo $result1 * $result2;
        break;

        case "Divide":
        echo $result1 / $result2;
        break;

      }

    }

  ?>

</p>

Ключ заключается в том, чтобы обернуть ваш ответ в HTML-тег (например, <p> или *).1007 * или <div>) и добавление style="color: red;".

0 голосов
/ 25 ноября 2018

Поместите php вокруг некоторого html-тега, например или, и затем присвойте ему атрибуты css, например: 

<a style="color:red;"> <?php // php calculator here ?> </a>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...