Menu
Community /Pin to ProfileBookmark
@cootheadNov 22.2022 — #
If it works on a site, then post a link that site.
This will allow members to compare it with your posted
code and perhaps provide a solution for you.
[i]coothead[/i]@cootheadDec 16.2022 — #Hi there 4539123,
I copied the code from that site and tested it locally without any problems.
[i]coothead[/i]@cootheadDec 17.2022 — #1 This code...
<link rel="stylesheet" type="text/css" href="app.css">
...is incorrect.
It should be...
<link rel="stylesheet" href="app.css" media="screen">
There is no app.css file, at present.
If there was then it would be used to style the HTML.
2 You could add id attributes to the div elements, but
it begs the question, "why do you want to?"
[i]coothead[/i]@cootheadDec 18.2022 — #Hi there 4539123,
check out the attachment that may be found here...
[url=https://www.mediafire.com/file/q70c038g7mbeope/numerology-calculator.zip/file][b]numerology-calculator.zip file[/b][/url]
It will show you how to apply the javascript and CSS files to the HTML file.
[i]coothead[/i]
Why My Java Calculator Not Work?
here is html…
[code]
<!DOCTYPE html>
<html>
<head>
<title>My WebsiteB</title>
<link rel=”stylesheet” type=”text/css” href=”stylesB.css” />
<meta charset=”utf-8″>
<meta name=”description”
content=”” />
<meta name=”keywords”
content=”” />
<meta http-equiv=”author”
content=”” />
<meta http-equiv=”pragma”
content=”no-cache” />
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
</head>
<body>
<header>
<h1>Clock Numerology Calculator</h1>
</header>
<div class=”nav”>
<h3>Converts Words Into Numbers</h3>
<p>Enter Word(s) Or Phrase:</p>
<div class=”content”>
<input type=”text”>
<button onclick=”calculate()”>Calculate</button>
<div class=”result”></div>
</div>
</div>
[script src=”JavascriptB.js”>[/script>
<ul id=”list-one”>
<label id=”label-one”>Number Description Database</label>
<li><a href=”Tens.html”>0-99</a></li>
<li>100-199</li>
<li>200-299</li>
<li>300-399</li>
<li>400-499</li>
<li>500-599</li>
<li>600-699</li>
<li>700-799</li>
<li>800-899</li>
<li>900-999</li>
<li>1000-1999</li>
<li>2000-2999</li>
<li>3000-3999</li>
<li>4000-4999</li>
<li>5000-5999</li>
<li>6000-6999</li>
<li>7000-7999</li>
<li>8000-8999</li>
<li>9000-9999</li>
<li>10000-19999</li>
<li>20000-29999</li>
<li>30000-39999</li>
<li>40000-49999</li>
<li>50000-59999</li>
<li>60000-69999</li>
<li>70000-79999</li>
<li>80000-89999</li>
<li>90000-99999</li>
</ul>
<table id=”encryption” border=”black”>
<tr align=”center”>
<th bgcolor=”lightgrey”>2</th>
<th>A</th>
<th>Z</th>
</tr>
<tr align=”center”>
<th bgcolor=”lightgrey”>3</th>
<th>B</th>
<th>Y</th>
</tr>
<tr align=”center”>
<th bgcolor=”lightgrey”>12</th>
<th>C</th>
<th>X</th>
</tr>
<tr align=”center”>
<th bgcolor=”lightgrey”>11</th>
<th>D</th>
<th>W</th>
</tr>
<tr align=”center”>
<th bgcolor=”lightgrey”>15</th>
<th>V</th>
<th>E</th>
</tr>
<tr align=”center”>
<th bgcolor=”lightgrey”>17</th>
<th>F</th>
<th>U</th>
</tr>
<tr align=”center”>
<th bgcolor=”lightgrey”>18</th>
<th>G</th>
<th>T</th>
</tr>
<tr align=”center”>
<th bgcolor=”lightgrey”>13</th>
<th>M</th>
<th>S</th>
<th>H</th>
<th>N</th>
</tr>
<tr align=”center”>
<th bgcolor=”lightgrey”>10</th>
<th>O</th>
<th>I</th>
<th>L</th>
<th>R</th>
</tr>
<tr align=”center”>
<th bgcolor=”lightgrey”>7</th>
<th>J</th>
<th>K</th>
<th>P</th>
<th>Q</th>
</tr>
</table>
</body>
</html>
Finally, here is Java…
[code]
var NUMEROLOGY = {
‘a’: 2, ‘b’: 3, ‘c’: 12, ‘d’: 11, ‘e’: 15, ‘f’: 17, ‘g’: 18, ‘h’: 13, ‘i’: 10, ‘j’: 7, ‘k’: 7, ‘l’: 10, ‘m’: 13, ‘n’: 13, ‘o’: 10, ‘p’: 7, ‘q’: 7, ‘r’: 10, ‘s’: 13, ‘t’: 18, ‘u’: 17, ‘v’: 15, ‘w’: 11, ‘x’: 12, ‘y’: 3, ‘z’: 2
};
var input = document.querySelector(‘input’);
var button = document.querySelector(‘button’);
var result = document.querySelector(‘.result’);
function calculate(){
result.innerHTML = ”;
printResult(NUMEROLOGY, ‘Numerology’);
}
function printResult(list, text) {
var letters = input.value.toLowerCase().replace(/[^0-9a-z])/g, ”).split(”);
var sum = 0, l, i;
for(i = 0; i < letters.length; i++){
l = letters[i];
sum += list[l] || parseInt(l);
}
result.innerHTML += ‘<div class=”result-text”>’ + text + ‘ ‘ + ‘</div>’;
}
FYI, I got the calculator code from a Coding Website. When I run it on that site, it works. But when I run it in my browser as my own webspage, it doesn;t work.
Sign in
to post a comment8 Comments(s) ↴
0
@cootheadNov 22.2022 — #@4539123#1648635
[i][color=#008]"FYI, I got the calculator code from a Coding Website. [/i]
When I run it on that site, it works. But when I run it
in my browser as my own webspage, it doesn't work."[/color]
[/quote]
If it works on a site, then post a link that site.
This will allow members to compare it with your posted
code and perhaps provide a solution for you.
[i]coothead[/i]
0
@cootheadDec 16.2022 — #Hi there 4539123,I copied the code from that site and tested it locally without any problems.
[i]coothead[/i]
0
@cootheadDec 17.2022 — #1 This code...<link rel="stylesheet" type="text/css" href="app.css">
...is incorrect.
It should be...
<link rel="stylesheet" href="app.css" media="screen">
There is no app.css file, at present.
If there was then it would be used to style the HTML.
2 You could add id attributes to the div elements, but
it begs the question, "why do you want to?"
[i]coothead[/i]
0
@cootheadDec 18.2022 — #Hi there 4539123,check out the attachment that may be found here...
It will show you how to apply the javascript and CSS files to the HTML file.
[i]coothead[/i]