{"id":8353,"date":"2022-09-13T04:05:16","date_gmt":"2022-09-12T22:35:16","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-how-to-set-p-tag-data-value-to-a-number\/"},"modified":"2022-09-13T04:05:16","modified_gmt":"2022-09-12T22:35:16","slug":"solved-how-to-set-p-tag-data-value-to-a-number","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-how-to-set-p-tag-data-value-to-a-number\/","title":{"rendered":"[Solved] How to set “p” tag data value to a number?"},"content":{"rendered":"

[ad_1]
\n<\/p>\n

\n
\n
<\/div>\n
\n
\n

Javascript is an untyped<\/strong> language. The variable type is deduced from the value of that variable. The type of a variable could also change a value of another type is assigned to it. So things like this (for example C language):<\/p>\n

int a; \/\/ a is an int (it will be always an int)\nfloat f = 5.34; \/\/ f is a float (it will always be a float)\n<\/code><\/pre>\n
do not exist in Javascript. Javascript could use the same variable to store multiple types without redeclaring the variable.<\/p>\n
var a = 45; \/\/ a type is deduced from the current assignement so for now it's a number\na = \"string\"; \/\/ now the type of a is a string not a number anymore \n<\/code><\/pre>\n
You can explicitly<\/strong> or implicitly<\/strong> convert one type to another when needed.<\/p>\n
Explicit Conversation:<\/h3>\n
you can convert a number into a string (although it will not be necessary) using .toString<\/code> like this:<\/p>\n<\/p>\n
\n
\n
var num = 456;\n\nconsole.log(\"num is of type: \" + typeof(num));\n\nvar str = num.toString(); \/\/explicitly change num to string\n\nconsole.log(\"str is of type: \" + typeof(str));<\/code><\/pre>\n<\/div>\n<\/div>\n
You can also convert a string into a number explicitly (this is used a lot<\/strong>) using parseInt<\/code> if the string is an integer, parseFloat<\/code> if the string is a float, or Number<\/code> to get any like this:<\/p>\n<\/p>\n
\n
\n
var str=\"123.45.99\";\n\nconsole.log(\"str is of type: \" + typeof(str));\n\nvar num1 = parseInt(str); \/\/ will parse an integer untill the first non integer character is found (will return 12 if str == \"12ppp\")\n\nconsole.log(\"num1 is of type: \" + typeof(num1));\n\nvar num2 = parseFloat(str); \/\/ parses a float untill the first non float character is found (will return 75.56 if str == \"75.56.55abc\"\n\nconsole.log(\"num2 is of type: \" + typeof(num2));\n\nvar num3 = Number(str); \/\/ get number representation of the string (will fail (return NaN) if the string is not a valid number like \"123r33\")\n\nconsole.log(\"num3 is of type: \" + typeof(num3));<\/code><\/pre>\n<\/div>\n<\/div>\n
Implicit Conversation:<\/h3>\n
Implicit conversation is when you let for the interpretter no other choice except of handling your variable as of your type. Thus preventing it from interpretting them incorrectly. You can acheive this using a lot of ways.<\/p>\n
To implicitly convert a number into a string, just add an empty string to that number like this:<\/p>\n<\/p>\n
\n
\n
var num = 345;\n\nconsole.log(\"num is of type: \" + typeof(num));\n\nvar str = \"\" + num;\n\nconsole.log(\"str is of type: \" + typeof(str));<\/code><\/pre>\n<\/div>\n<\/div>\n
To convert a string into a number, there are multiple ways like this:<\/p>\n<\/p>\n
\n
\n
var str=\"123.45\";\n\nconsole.log(\"str is of type: \" + typeof(str));\n\nvar num1 = +str; \/\/ a unary operator (that is valid for numbers only) forces the interpretter to use the value of str as a number\n\nconsole.log(\"num1 is of type: \" + typeof(num1));<\/code><\/pre>\n<\/div>\n<\/div>\n
Since the +<\/code> operator (not the unray one) could be used for both concatenation and the addition the interpretter will always favor the concatenation on the addition if one of the operands is a string. But the other operator (\/<\/code>, *<\/code>, \/<\/code> and %<\/code>) are only used for number, so when a string is divided by another number, the interpretter will be forced to use the value of the string as a number:<\/p>\n<\/p>\n
\n
\n
var str = \"10\";\n\nvar num1 = str + 5;\n\nconsole.log(\"num1 is: \" + num1 + \" and it's of type: \" + typeof(num1)); \/\/ print out the wrong expectation, because since one of the operands of the + is a string (str) the interpretter will think it's a concatenation\n\n\nvar num2 = str * 5; \/\/ since * could be used with just numbers, the interpretter is forced to use str as a number (implicitly converting str to a number)\n\nconsole.log(\"num2 is: \" + num2 + \" and it's of type: \" + typeof(num2));\n\n\n\/\/ to make the + operator work you'll have to use the unary operator to implicitly convert str before adding the numbers\n\nvar num3 = +str + 5;\n\nconsole.log(\"num3 is: \" + num3 + \" and it's of type: \" + typeof(num3));\n\n\/\/ ++ and -- are also used with just number ..\n\nstr++; \/\/ since str++ is str = something and that something is calculated as number str will implicitly take the value of a number thus when used again it will be deduced as a number\n\n\nconsole.log(\"str is: \" + str + \" and it's of type: \" + typeof(str)); \/\/ in the previous assignment, str took the value of a number thus becoming a number<\/code><\/pre>\n<\/div>\n<\/div><\/div>\n
<\/div>\n<\/div>\n
            0<\/span> <\/p><\/div>\n<\/div>\n
[ad_2]<\/p>\n
solved How to set “p” tag data value to a number? <\/p>\n","protected":false},"excerpt":{"rendered":"
[ad_1] Javascript is an untyped language. The variable type is deduced from the value of that variable. The type of a variable could also change a value of another type is assigned to it. So things like this (for example C language): int a; \/\/ a is an int (it will be always an int) … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[346,333],"class_list":["post-8353","post","type-post","status-publish","format-standard","hentry","category-solved","tag-html","tag-javascript"],"yoast_head":"\n[Solved] How to set "p" tag data value to a number? - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-how-to-set-p-tag-data-value-to-a-number\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] How to set "p" tag data value to a number? - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] Javascript is an untyped language. The variable type is deduced from the value of that variable. The type of a variable could also change a value of another type is assigned to it. So things like this (for example C language): int a; \/\/ a is an int (it will be always an int) ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-how-to-set-p-tag-data-value-to-a-number\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-12T22:35:16+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-set-p-tag-data-value-to-a-number\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-set-p-tag-data-value-to-a-number\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] How to set “p” tag data value to a number?\",\"datePublished\":\"2022-09-12T22:35:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-set-p-tag-data-value-to-a-number\/\"},\"wordCount\":287,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"html\",\"javascript\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-set-p-tag-data-value-to-a-number\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-how-to-set-p-tag-data-value-to-a-number\/\",\"name\":\"[Solved] How to set \\\"p\\\" tag data value to a number? - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2022-09-12T22:35:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-set-p-tag-data-value-to-a-number\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-how-to-set-p-tag-data-value-to-a-number\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-set-p-tag-data-value-to-a-number\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] How to set “p” tag data value to a number?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] How to set \"p\" tag data value to a number? - JassWeb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jassweb.com\/solved\/solved-how-to-set-p-tag-data-value-to-a-number\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] How to set \"p\" tag data value to a number? - JassWeb","og_description":"[ad_1] Javascript is an untyped language. The variable type is deduced from the value of that variable. The type of a variable could also change a value of another type is assigned to it. So things like this (for example C language): int a; \/\/ a is an int (it will be always an int) ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-how-to-set-p-tag-data-value-to-a-number\/","og_site_name":"JassWeb","article_published_time":"2022-09-12T22:35:16+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-set-p-tag-data-value-to-a-number\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-set-p-tag-data-value-to-a-number\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] How to set “p” tag data value to a number?","datePublished":"2022-09-12T22:35:16+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-set-p-tag-data-value-to-a-number\/"},"wordCount":287,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["html","javascript"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-set-p-tag-data-value-to-a-number\/","url":"https:\/\/jassweb.com\/solved\/solved-how-to-set-p-tag-data-value-to-a-number\/","name":"[Solved] How to set \"p\" tag data value to a number? - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-09-12T22:35:16+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-set-p-tag-data-value-to-a-number\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-how-to-set-p-tag-data-value-to-a-number\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-set-p-tag-data-value-to-a-number\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] How to set “p” tag data value to a number?"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/8353","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=8353"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/8353\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=8353"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=8353"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=8353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}