مشکل در برنامه نویسی

[Ho3ein_ie]

سلام
من چندتا سوال دارم:
1-چطور میشه متغیر های جاوا اسکریپت رو توی html نوشت؟


2-برای قرار دادن کد اردوینو (به زبان c++) باید چکار کنم؟ میخوام که کلمات به صورت رنگی باشن نه تک رنگ.


3-مثلا من بخوام یه سری کلمات هر جای پاراگراف اومدن رنگشون متفاوت باشه، مثلا بزنم apple با رنگ قرمز و banana با رنگ زرد-->
</p>i like apple, i hate banan<p>
i like apple, i hate banana

[PSW]

با عرض سلام، جهت مورد اولتون میتوانید کدتونو میان تگ script قرار بدید

مثال :

<script type="text/javascript>   your code  </script>

مورد دومتونو متوجه نشدم

مورد سومتون هم باید استایل بدید به المنتتون (یا در فایل css یا بصورت داخلی) مثل

<p>Colors : <span style="color:red;">Blood</span> and <span style="color:yellow;"> Sun </span> is yummy. </p>

میتوانید بجای اسم رنگ از کد hex رنگ استفاده کنید


پایدار باشید

[Ho3ein_ie]

سلام مجدد
برای سوال دومم به این لینک سر بزنید:
http://dmf313.ir/%D8%A2%D9%85%D9%88%...D8%B3%D9%87-3/

- - - Updated - - -

و اینکه شما منظور منو از سوال اول درست نگرفتید!
مثلا من داخل جاوا اسکریپت میزنم int number=10;
بعد میخوام توی html بزنم:
</p>My number is:<p>
بعد جلوی اون، عددی که توی متغیر number ذخیره شده رو نمایش بده

[firebox]

سلام مجدد
برای سوال دومم به این لینک سر بزنید:
http://dmf313.ir/%D8%A2%D9%85%D9%88%...D8%B3%D9%87-3/

- - - Updated - - -

و اینکه شما منظور منو از سوال اول درست نگرفتید!
مثلا من داخل جاوا اسکریپت میزنم int number=10;
بعد میخوام توی html بزنم:
</p>My number is:<p>
بعد جلوی اون، عددی که توی متغیر number ذخیره شده رو نمایش بده

توی حالت عادی نمیتونید ، متغیر های جاوا اسکریپت رو مستقیم توی html قرار بدید ، باید به اون المنت تون یک id بدید ، بعد متغیر تون رو بهش ارسال کنید.

<p>my number is : <span id="myNumber"> </span> </p>
<script>const number = 1000; document.querySelector('#myNumber').innerHTML = number;</script>

اگر تمپلت انجین ها یا فریم ورک هایی مثل React استفاده کنید ، متونید جاوا اسکریپت رو مستقیم توی html قرار بدید.
مثال Pug:

- const number = 1000;


p my number is : #{number}

مثال React :

import React, { useState } from 'react';


function Test() {
  const [number, setNumber] = useState(1000);


  return (
    <div>
      <p>my number is :  {number} </p>
    </div>
  );
}