Я создал простую программу сложения, используя HTML, CSS и Javascript.
HTML код выглядит следующим образом:
<head>
<title>Input Output</title>
<link rel="stylesheet" type="text/css" href="io.css">
<body>
<h1>Sum App</h1>
<div class="container">
<script type="text/javascript" src="io.js"></script>
First Number <input type="text" id="numOne">
Second Number <input type="text" id="numTwo">
<button type="button" class="btn" onclick="submitBut()">Submit</button>
<p id="result"></p>
<div class="screen" id="screen1"></div>
</div >
Код Javascript выглядит следующим образом:
function submitBut(){
var numOne= document.getElementById("numOne").value;
var numTwo= document.getElementById("numTwo").value;
var sum=parseInt(numOne)+parseInt(numTwo);
var element= document.createElement("p");
document.getElementById("result").innerHTML = sum;
}
Я хочу Теперь стиль результата, который в соответствии с кодом находится между тегами абзаца с идентификатором «результат». Какими способами это возможно?
Я пытался использовать стандартный формат таблицы стилей, как показано ниже:
#result {
font-size: 45-px;
background-color= Yellow;
}
Однако он не работает вообще. Пожалуйста, дайте мне знать возможные исправления.
С уважением,